清除浮动

当有浮动布局和普通div共同存在时，会发生如下覆盖的情况

 
 Document
 
 #lside {
    
 height: 200px;
    
 background: red;
    
 float: left;

 }

 #rside {
    
 height: 300px;
    
 background: green;
    
 float: right;

 }

 #normal {
    
 height: 400px;
    
 background: blue;

 }
    
 


 
我是左边
 
我是右边
 
我不设置浮动

所以如果不想被覆盖，就要清除浮动

在CSS中对普通元素设置clear属性

当我们增加 clear: left; 时，代表不让左边浮动盖着自己

 #normal {
    
 height: 400px;
    
 background: blue;
    
 clear: left;

 }
    

此时清除左浮的div就会贴着左浮的div下边显示，如图：

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！