元素框的最內部分是實際的內容,直接包圍內容的是內邊距padding。內邊距呈現元素背景。
邊框以外是外邊距maggin,外邊距默認是透明的,不會遮擋其後的任何元素。
可以根據邊緣是否需要同內元素顏色一致來判斷選擇那種邊框。如果需要一個有區別的框,就選擇magin;如果需要一個跟元素背景一樣的框,選擇padding。
提示:背景應用於由內容和內邊距、邊框組成的區域。
margin是用來隔開元素與元素的間距;padding是用來隔開元素與內容的間隔。margin用於佈局分開元素使元素與元素互不相干;padding用於元素與內容之間的間隔,讓內容(文字)與(包裹)元素之間有一段“呼吸距離”。
margin-top不生效的情況(margin打折)
解決辦法:1.爲父級設置padding;2.爲父級設置border;3.爲父級設置overflow:hidden;