收缩元素而不是整个页面

  • 本文关键字:元素 html css scrollbars
  • 更新时间 :
  • 英文 :


我有一个包含 2 个div 的页面。当我降低浏览器窗口的高度时,我希望第一个div 缩小(滚动条出现在上面(,而第二个div 应该保持它的高度。

是否可以用纯CSS实现此逻辑?

<div class="shrinkit">
  ..many lines of text..
</div>
<div class="noscroll">
  ..many lines of text..
</div>
<style>
.shrinkit {
  background-color: blue;
}
.noscroll {
  background-color: green;
}
</style>

只需给出第一个div height:auto;,对于第二个div,给出您想要的高度,例如height:200px

相关内容

  • 没有找到相关文章

最新更新