<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<title>Title</title>
????<style>
????html,body{
????margin:?0;
}
div{
????height:?200px;
????width:?200px;
????border:2px?solid?red;
????margin:?4px;
????float:?left;
}
#box2{
?????clear:?left;
?}</style>
</head>
<body>
????<div?id="box1">第一個盒子</div>
????<div?id="box2">第二個盒子</div>
????<div?id="box3">第三個盒子</div>
</body>
</html>
還有就是如果box2設(shè)置清除右浮動為什么三個盒子會依然顯示在一行?
1 回答
甜玉米和咸玉米
TA貢獻2條經(jīng)驗 獲得超1個贊
因為清除浮動是針對自身之前的元素,給box2設(shè)置了清除左浮動實際上就是清除了box1的浮動帶來的副作用,那么box2及其后面的元素都會換行。
同樣的道理,box2清除右浮動,然而box2前面的元素并沒有右浮動,當然3個盒子還是會顯示在一行里啦。
添加回答
舉報
0/150
提交
取消
