当前位置：Gxlcms > PHP教程 > javascript-html高度自适应

javascript-html高度自适应

时间：2021-07-01 10:21:17 帮助过：2人阅读

不借助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