混淆margin-top和padding-top：margin-top用于設(shè)定元素與其上方元素之間的距離，而padding-top用于設(shè)定元素內(nèi)容與元素頂部邊框之間的距離，容易混淆兩者的作用。
忘記清除浮動(dòng)：當(dāng)一個(gè)元素浮動(dòng)后，其上方的元素可能會(huì)無法正常排列，此時(shí)可以通過給上方元素添加margin-top來解決，但最好的解決辦法是清除浮動(dòng)。
使用百分比值時(shí)的誤解：margin-top屬性也可以使用百分比值，但百分比值是相對(duì)于包含塊的寬度計(jì)算的，容易造成布局混亂。
不考慮外邊距合并：當(dāng)兩個(gè)相鄰元素具有相同方向的外邊距時(shí)，它們的外邊距會(huì)合并，具體表現(xiàn)為外邊距取兩者之間較大的值，容易引起布局問題。
忽略負(fù)值：margin-top屬性也可以設(shè)置負(fù)值，用于將元素向上移動(dòng)，但要謹(jǐn)慎使用，避免出現(xiàn)意外的布局效果。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
