HTML5布局之路 - 较为复杂的浮动布局案例
.wrap
{
width:1000px;
margin:0 auto;
border:5px solid black;
}
.common
{
float:left;
width:200px;
height:200px;
}
.left
{
float:left;
width:600px;
}
.right
{
float:right;
width:400px;
}
.left-common
{
float:left;
width:300px;
height:300px;
}
.box8
{
clear:both;
height:100px;
}
.box9
{
height:150px;
}
.box10
{
height:250px;
}
.box11
{
clear:both;
height:80px;
}
.box1 {background:#ccc;
}
.box2 {
background: #a9a9a9;
}
.box3 {
background: #ccc;
}
.box4 {
background: #a9a9a9;
}
.box5 {
background: #ccc;
}
.box6 {
background: #999;
}
.box7 {
background: #a9a9a9;
}
.box8 {
background: #ccc;
}
.box9 {
background: #999;
}
.box10 {
background: #a9a9a9;
}
.box11 {
background: #a9a9a9;
}
1
2
3
4
5
6
7
8
9
10
11
上面是代码，我一个问题
为什么1-5模块设置了左浮动，后一个模块并没有清除浮动，为什么没有造成200px的高度塌陷
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
