html css：div盒子模型色塊布局，浮動的用法的理解等
個人對浮動的用法的理解：
假如有用div和css樣式設(shè)置的按順序的1，2，3個色塊，那么在css中，若都設(shè)置為”float：left（向左浮動）；“那么會按順序依次向左在水平方向緊貼著地排隊。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>div</title>
<link rel="stylesheet" href="css/div.css">
</head>
<body>
<div id="all">
<div class="one">頂部</div>
<div class="two">
<div class="two_left">左邊部分</div> <div class="two_center">中間部分</div> <div class="two_right">右邊部分</div>
</div>
<div class="three">底部</div>
</div>
</body>
</html>
#all{
width: 1000px;
height: 600px;
border:1px solid red;
}
.one{
width:1000px;
height:200px;
border:1px solid orange;
}
?
.two{
width: 1000px;
height: 200px;
border:1px solid yellow;
}
.two_left{
width: 247px;
height:200px;
border:1px solid blue;
background-color: greenyellow;
float: left;
}
.two_center{
width: 500px;
height: 200px;
border:1px solid plum;
background-color: yellow;
float: left;
}
.two_right{width: 247px;
height: 200px;
border:1px solid deepskyblue;
float: left;
background-color:greenyellow;
}
.three{
width:1000px;
height: 196px;
border:1px solid green;
margin-right: auto;
}
效果圖：
