????：<html><head><title>關(guān)于定位和浮動</title><style type="text/css">.box1{ width: 200px; height: 200px; position: relative; left: 50px; background-color: red;}.box2{ width
<html>
<head>
<title>關(guān)于定位和浮動</title>
<style type="text/css">
.box1{
width: 200px;
height: 200px;
position: relative;
left: 50px;
background-color: red;
}
.box2{
width: 50px;
height: 50px;
background: red;
position: absolute;
left: 80px;
}
ul li{
width: 100px;
height: 50px;
background-color:#ccc;
list-style: none;
float: left;
margin: 0px 1px;
}
.box3{
width: 100px;
height: 100px;
background: red;
}
.box4{
clear:both;
/*margin: 500px;*/
}
</style>
</head>
<body>
<div class="box1">相對定位
<div class="box2">絕對定位</div>
</div>
<ul>
<li>欄目1</li>
<li>欄目2</li>
<li>欄目3</li>
</ul>
<div class="box4"></div>
<div class="box3"> div1</div>
<div class="box3"> div2</div>
<div class="box3"> div3</div>
</body>
</html>
關(guān)于清除浮動clear:both； 如果不清除的話 用直接用magin：像素; 直接向下也是可以的 那么請問老師 這兩種有什么區(qū)別和弊端？
?? ???：西門大官人?? ??：2019-04-20 13:24:22
???? ??：首先，從架構(gòu)上盾，不清除浮動，會造成日后對浮動層的任何修改都可能影響到后面的元素定位。其次：用margin處理后，雖然表面上達(dá)到了效果，但是是強(qiáng)制給元素加了外邊框，這個邊框是有固定像素的。那么一但浮動有變化。會造成margin不準(zhǔn)確，頁面可能會錯亂