margin-top屬性可以用來(lái)調(diào)整元素頂部的外邊距，從而可以解決以下布局問(wèn)題：
控制元素之間的垂直間距：通過(guò)設(shè)置不同元素的margin-top值，可以調(diào)整它們之間的垂直間距，使布局更加緊湊或者分隔開(kāi)來(lái)。
垂直居中元素：通過(guò)將margin-top設(shè)置為auto，并且將父元素的高度和子元素的高度都設(shè)置為固定值，可以實(shí)現(xiàn)讓子元素垂直居中顯示在父元素中間。
清除浮動(dòng)：在浮動(dòng)元素后面添加一個(gè)空元素，并且設(shè)置其margin-top值為1px，可以清除浮動(dòng)元素對(duì)父元素高度的影響，從而保證父元素能夠正確包裹浮動(dòng)元素。
創(chuàng)建頂部固定導(dǎo)航欄：通過(guò)設(shè)置導(dǎo)航欄的margin-top值為0，并且給導(dǎo)航欄添加position: fixed屬性，可以實(shí)現(xiàn)讓導(dǎo)航欄固定在頁(yè)面頂部，不隨頁(yè)面滾動(dòng)而移動(dòng)。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
