CSS等高布局,3div自适应最高的高度-白红宇

CSS等高布局,3div自适应最高的高度

阅读量：7223 次

发布时间：2019-06-29

本文共 805 字，大约阅读时间需要 2 分钟。

        
         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,因为设置了负外边距

转载地址：http://myzfm.baihongyu.com/

你可能感兴趣的文章

Nested loops、Hash join、Sort merge join（三种连接类型原理、使用要点）