當前位置:成語大全網 - 書法字典 - 為什麽css的邊距為負時,列表的第壹行上移?

為什麽css的邊距為負時,列表的第壹行上移?

事實上,您可以通過給ul和li都添加背景色來看出端倪:

如果李的margin-top為正(我用10px說清楚了),是這樣的:

紅色部分是ul,藍色部分是li,最上面的黃色部分是第壹個li的margin-top(即10px),突出到ul之外。也就是說,如果margin-top為正,李第壹的位置將保持不變。它從第二個li開始逐漸向下延伸(值得壹提的是,如果li的margin-top大於ul的margin-top,ul將基於li的margin-top向下推,然後第壹個li將不會保持其位置不變)。

當li的margin-top為負(比如-10px)時,情況並非如此。第壹個li將上移10px,而第二個li將上移20px,以此類推,整個ul將上移10px。