Html 将div底部固定到屏幕底部_Html_Css

Html 将div底部固定到屏幕底部

html css

Html 将div底部固定到屏幕底部,html,css,Html,Css,鉴于 <html> <body> <div id="row1">...</div> <div id="row2" style="overflow-y: scroll;">...</div> </body> </html> ... ... 如果row2的内容高于剩余的垂直空间，如何将row2的底部固定到视口的底部，以便div滚动以显示包含的内容第1行的高度因其

鉴于

<html>
   <body>
      <div id="row1">...</div>
      <div id="row2" style="overflow-y: scroll;">...</div>
   </body>
</html>


...
...

如果

row2

的内容高于剩余的垂直空间，如何将

row2

的底部固定到视口的底部，以便div滚动以显示包含的内容

第1行的高度因其内容而异。
正文{
宽度：100%；
身高：100%；
保证金：0自动；
}
第1行{
位置：相对位置；
最大高度：50%；
身高：100%；
}
第2行{
位置：固定；
最大高度：50%；
身高：100%；
溢出y：滚动；
}

...
...
您已经尝试过什么？对于您到底需要什么有点困惑，但似乎可以通过使用flexbox来解决。这里有一个.flexbox不起作用，因为它似乎没有垂直限制div。一般来说，HTML会将div垂直拉伸到所需的高度，除非给它们一个明确的高度，或者使用绝对定位固定边缘。javascript解决方案也可以用于相同的高度吗？是的，这就是我要使用的。50%并不是剩下多少空间。你是在提供答案还是在问问题？这应该是对这个问题的评论。很高兴这次不是我惹的麻烦。