html - 如何制作一个覆盖屏幕所有区域的div，除了固定div覆盖的区域？

Question

我在并排制作两个 div 时遇到问题，第二个 div 在第一个 div 的宽度之后开始。我不想使用 overflow: hidden，因为我想在第一段之后开始第二段。这就是我想要实现的目标。

Answer 1

我不认为你能做到<div>就像你在图片中显示的那样。但我有一个建议。下面的 div 中的两个元素都是矩形。但内容就像您绘制的一样。

可以查一下CSS基础here

div{
  margin: 0;
  background: green;
}
.small{
  float:left;
  width:20%;
  height: 100px;
  background: yellow;
}

  <div class="small">Lorem ipsum dolor sit amet, consectetur adipiscing elit. .</div>
  <div class="big">Aenean euismod eros et erat pharetra, at elementum odio suscipit. Cras a enim quis diam molestie sollicitudin eget ac est. Proin porta turpis a massa porta laoreet. Fusce semper facilisis erat nec suscipit. Aliquam gravida quis dui sed aliquet. Ut consequat ullamcorper volutpat. Cras neque tortor, pharetra id condimentum nec, accumsan ac ipsum.

Etiam sit amet convallis ante. In pulvinar eu erat eu fringilla. Nam scelerisque eget ligula a blandit. Nullam eu tortor augue. Nulla at eros arcu. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque eget tincidunt massa. Sed dictum faucibus risus ac varius. Praesent aliquet erat tortor, sed lacinia metus fermentum non. Nulla vitae sapien dui. Vestibulum sed urna quis ex dictum scelerisque id ut erat. Cras efficitur ligula eu neque pellentesque, eget posuere lacus aliquet. Pellentesque interdum at sem vitae aliquet. Donec cursus, elit et varius viverra, urna erat commodo sem, ac congue erat augue eget ex. Suspendisse posuere sem at tempor faucibus. Aliquam erat volutpat.

Curabitur aliquam feugiat tortor vitae blandit. Quisque faucibus urna arcu, sed rhoncus quam rutrum scelerisque. Aliquam pulvinar condimentum accumsan. Etiam lorem nibh, porta vitae mauris sit amet, egestas interdum lectus. Proin sit amet dolor purus. Nunc sed sem sed purus sagittis congue iaculis sed mauris. Donec pellentesque ut dolor rhoncus iaculis. Donec quis magna accumsan turpis convallis dignissim. Integer vel nisl accumsan, ultrices augue ut, placerat eros. Phasellus eu lacinia elit, nec maximus dui.
</div>