2018-06-24

css 网页布局学习心得

1.左右布局

 
        
左右布局-左页
        
        
左右布局-右页    
        
    

image.png

2.左中右布局

 
        
左中右布局-左页
        
        
左中右布局-中页
        
        
左右布局-右页    
        
    

image.png

3.水平布局

  
            
水平居中-左页
            
            
水平居中-右页    
            
  
    

image.png

4.垂直布局

    
    


    
垂直居中

image.png

5.其他小技巧

在浮动布局时,子元素加folat属性，父元素必须加cleanfix属性，以清除浮动影响。

在网页布局时，尽量模块化，各个div不要相互耦合，这样做出的网页好维护，bug少。