abstrak：<html><head><title>關(guān)于定位和浮動(dòng)</title><style type="text/css">.box1{ width: 200px; height: 200px; position: relative; left: 50px; background-color: red;}.box2{ width
<html>
<head>
<title>關(guān)于定位和浮動(dòng)</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">相對(duì)定位
<div class="box2">絕對(duì)定位</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)于清除浮動(dòng)clear:both； 如果不清除的話(huà) 用直接用magin：像素; 直接向下也是可以的 那么請(qǐng)問(wèn)老師 這兩種有什么區(qū)別和弊端？
Guru membetulkan：西門(mén)大官人Masa pembetulan：2019-04-20 13:24:22
Rumusan guru：首先，從架構(gòu)上盾，不清除浮動(dòng)，會(huì)造成日后對(duì)浮動(dòng)層的任何修改都可能影響到后面的元素定位。其次：用margin處理后，雖然表面上達(dá)到了效果，但是是強(qiáng)制給元素加了外邊框，這個(gè)邊框是有固定像素的。那么一但浮動(dòng)有變化。會(huì)造成margin不準(zhǔn)確，頁(yè)面可能會(huì)錯(cuò)亂