清楚浮动的特点
1、给父元素➕高度
2、给父元素➕overflow:hidden;
3、左所有的浮动元素后加一个块级元素,给这个块级元素➕样式 比如:clear:both;
<div class="div1"></div>
.div1{
width:500x;
height:200px;
background-color:#dbdb70;
float:none; 默认不浮动
margin-left:auto;
margin-right:auto;
overflow:hidden/scroll/visible;
}
<div class="left"></div>
<div class="right"></div>
.left{
background-color:#ffff;
width:280px;
height:200px;
float:left;左浮动
color:#ffffff;
clear:both;
}
.right{
background-color:#ff00ff;
width:280px;
height:200px;
float:right;右浮动
color:#ffffff;
clear:both;
}