javascript - html高度自适应

程序员文章站 2022-05-09 12:26:43

...

不借助javascript，不使用绝对定位，不用overflow:hidden将溢出部分隐藏，如何使div的高度自适应？
不需要考虑低版本浏览器。


    
    

Document

top
        middle
        bottom

比如上面的middle，如何让它的高度铺满屏幕剩余的空间？

回复内容：

不借助javascript，不使用绝对定位，不用overflow:hidden将溢出部分隐藏，如何使div的高度自适应？
不需要考虑低版本浏览器。


    
    

Document

top
        middle
        bottom

比如上面的middle，如何让它的高度铺满屏幕剩余的空间？

使用flex布局






Document

top
    middle
    bottom

使用table-row布局






Document

top
    middle
    bottom

相关标签： javascript html html5 css php