三個div，為什么前兩個設置浮動后，第三個div不設置浮動也會跟著浮動呢？想讓他不浮動還要加clear:both。這是為什么呢？
2 回答
已采納
這位同學很帥
TA貢獻6條經驗 獲得超2個贊
首先div是獨占一行的，第三個不設置浮動是不會跟著浮動的，前兩個設置浮動會在同一級，比如float設置為left的話它們連個會橫著并排著，第三個不設置浮動會就不是跟它們一伙的，也就沒跟它們兩沒啥關系了，它只會在原來它該待在的地方，所以不會跟著浮動。clear:both意思是在左右兩側均不允許浮動元素（API），也就是說你在第三個設置這個屬性了，也就等于把前兩個的浮動元素清除了，他們又是一伙的了。
這是我的測試代碼（你可以參考哈）：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title><br />
<style>
.d1,.d2,.d3{
height: 50px;
width: 50px;
}
.d1{
background-color: aquamarine;
float: left;
}
.d2{
background-color: royalblue;
float: left;
}
.d3{
background-color: red;
height: 60px;
}
</style>
</head>
<body>
<div class="d1">1</div>
<div class="d2">2</div>
<div class="d3">3</div>
</body>
</html>
- 2 回答
- 1 關注
- 2820 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消