当前位置：Gxlcms > html代码 > CSS等高布局,3div自适应最高的高度_html/css_WEB-ITnose

CSS等高布局,3div自适应最高的高度_html/css_WEB-ITnose

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

              CSS等高布局                    left
 left
 left
 left
 left
    
            center
 center
 center
 　　　　center
 center
 center
 　　　　center
 center
 center
 　　　　center
 center
 center
　　　　 center
 center
 center
 　　　　center
 center
 center
 center
　　　　 center
     
             right
 right
 right

子div: margin-bottom:-1000px; padding-bottom:1000px;

父div： overflow:hidden; zoom:1;

子div padding-bottom:1000px; 把自己的盒子向下推开变高了；margin-bottom:-1000px; 让父div可以向上收缩到内容实体的高度，含内容实体高度最高的子div把父div的收缩挡住了，所以看上去3个div高度相等。其实空白的高度都是padding,是可以布局内容的padding,因为设置了负外边距

CSS等高布局,3div自适应最高的高度_html/css_WEB-ITnose

人气教程排行