初學(xué)用div布局，為什么有的塊會(huì)重疊在一起？Div無法控制布局。將類添加到div，然后定義CSS。Div positioning CSS樣式的位置包括static、absolute和relative

初學(xué)用div布局，為什么有的塊會(huì)重疊在一起？

Div無法控制布局。將類添加到div，然后定義CSS。Div positioning CSS樣式的位置包括static、absolute和relative static：默認(rèn)值。沒有特殊的定位，對(duì)象遵循HTML絕對(duì)定位規(guī)則：從文檔流中拖動(dòng)對(duì)象，并使用left、right、top、bottom和其他屬性，相對(duì)于具有最多定位設(shè)置的最近父對(duì)象絕對(duì)定位。如果沒有這樣的父對(duì)象，它將基于body對(duì)象。Z索引屬性用于定義相對(duì)（相對(duì)定位）：對(duì)象不能層疊，但會(huì)根據(jù)左、右、上、下等屬性在正常文檔流中偏移

我不知道你的具體效果是什么。通常情況下，div重疊是因?yàn)閐iv的嵌套沒有很好地完成，最好是進(jìn)行定位（讓div像foalt屬性一樣浮動(dòng)，您可以設(shè)置左浮動(dòng)或右浮動(dòng)）。有時(shí)不在其中添加內(nèi)容，如果不設(shè)置寬度和高度，div將重疊。一般來說，這就是原因

因?yàn)槟愕牡谝粋€(gè)div給了你絕對(duì)的定位位置：絕對(duì)

因此絕對(duì)定位div不再在流中。去掉絕對(duì)定位。

我不知道你為什么要寫這樣的風(fēng)格。沒有必要使用絕對(duì)定位法頂部：30px或保證金-頂部：30px至實(shí)現(xiàn)

-----------------------------------------------------------------UL Li問題：上面提到的ulli的問題主要是因?yàn)镠TML中的元素UL有默認(rèn)的邊距和填充值。一般來說，在編寫頁面時(shí)，會(huì)有CSS重置，即清除一些元素的默認(rèn)邊距和填充值，否則會(huì)影響以后的頁面布局。在您的示例中，只需清除代碼前面的內(nèi)邊距填充。建議同時(shí)清除邊距值。如果需要單獨(dú)添加，方法如下：

UL{填充：0邊緣:0}