我把box2和box3浮動,也就是脫離表轉文檔流了,后面的box4沒設浮動,box4為什么沒有上移,占掉box2,3的空間呢?
<!doctype?html>
<html>
<head>
<meta?charset="utf-8"/>
<title></title>
<style>
.box1{
width:700px;
height:700px;
background-color:#0554B8;
}
.box2{
width:350px;
height:350px;
background-color:#B9998B;
float:left;
}
.box3{
width:350px;
height:350px;
background-color:#DC5825;
}
.box4{
width:700px;
height:350px;
background-color:#050505;
}
</style>
</head>
<body>
<div?class="box1">
<div?class="box2">
</div>
<div?class="box3">
</div>
?<div?class="box4">
</div>
</div>
</body>
</html>
2016-10-05
仔細檢查代碼，box3的css樣式設置中，沒有添加float:left，添加之后，box4就會上移占據(jù)box2,3的空間
2017-01-23
你真是粗心大意啊