abstrak：浮動(dòng) 分左浮動(dòng)和右浮動(dòng) 對(duì)元素浮動(dòng)后要清除（浮動(dòng)后脫離文檔流），否則后面的元素后跑到浮動(dòng)的元素“下面”去。定位 分相對(duì)定位和絕對(duì)定位，position :relative 是相對(duì)于它原來(lái)的位置position :absolute 是相對(duì)于已經(jīng)定位的元素或者相對(duì)于body 進(jìn)行定位<!DCOTYPE html><html><head><tittle>浮
浮動(dòng) 分左浮動(dòng)和右浮動(dòng) 對(duì)元素浮動(dòng)后要清除（浮動(dòng)后脫離文檔流），否則后面的元素后跑到浮動(dòng)的元素“下面”去。
定位 分相對(duì)定位和絕對(duì)定位，position :relative 是相對(duì)于它原來(lái)的位置position :absolute 是相對(duì)于已經(jīng)定位的元素或者相對(duì)于body 進(jìn)行定位
<!DCOTYPE html>
<html>
<head>
<tittle>浮動(dòng)和定位</tittle>
<style>
ul li{width:30px; height:40px; float:left;}
#box1{ width:30px; height:40px ; position :relative top: 20px; right:50px;}
#box1{ width:130px; height:140px ; position :absolute ;top: 20px; right:50px;}
</style>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<div id="box1'></div>
<div id="box2></div>
<div id="box3></div>
<div id="box4></div>
</body>
</html>
Guru membetulkan：韋小寶Masa pembetulan：2019-02-15 09:18:31
Rumusan guru：寫的沒(méi)毛病 總結(jié)的也是沒(méi)毛病的 浮動(dòng)在開(kāi)發(fā)中起到很關(guān)鍵的作用 但是使用多了也要記得清除浮動(dòng)哦！