我有一个包含 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