margin-top屬性可以用來調整元素頂部的外邊距,從而可以解決以下布局問題:
控制元素之間的垂直間距:通過設置不同元素的margin-top值,可以調整它們之間的垂直間距,使布局更加緊湊或者分隔開來。
垂直居中元素:通過將margin-top設置為auto,并且將父元素的高度和子元素的高度都設置為固定值,可以實現讓子元素垂直居中顯示在父元素中間。
清除浮動:在浮動元素后面添加一個空元素,并且設置其margin-top值為1px,可以清除浮動元素對父元素高度的影響,從而保證父元素能夠正確包裹浮動元素。
創建頂部固定導航欄:通過設置導航欄的margin-top值為0,并且給導航欄添加position: fixed屬性,可以實現讓導航欄固定在頁面頂部,不隨頁面滾動而移動。