浮动布局

我们先写两个div设置上背景颜色看看效果

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

 }

 #rside {
    
 height: 200px;
    
 background: green;

 }

 


 
我是左边
 
我是右边

上文也说ddiv的内容会自动地开始一个新行，所以想将两个div左右排列就要进行浮动布局

我们分别在CSS中加上float属性

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

 }

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

 }
    
 

效果如下图：

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