本文核心部分來(lái)自MDN，有興趣的小伙伴常去看看興許會(huì)有些收獲
margin-top: 10px; /* 絕對(duì)長(zhǎng)度 /
margin-top: 1em; /相對(duì)于字體大小 /
margin-top: 5%; /相對(duì)于最相鄰的父級(jí)元素塊（block）的寬度*/
這個(gè)屬性對(duì)于不可替換的inline元素沒(méi)有效果,比如<tt>或者<span>
MDN的介紹已經(jīng)說(shuō)得好清楚了嗅骄，主要的用法第一個(gè)常用，需要添加一個(gè)就是
margin-top：1rem
rem和em的區(qū)別就是土全，rem表示相對(duì)于根元素設(shè)置的字體大小，而em表示相對(duì)于父元素字體大小而設(shè)置会涎。
margin-top：百分比裹匙，我是不常用的，但是padding-top：百分比末秃，就可以用下了概页。padding-top的用法和margin-top的用法相似。
在遇到需要是父元素的高度不確定练慕，寬度也不確定惰匙，但是想設(shè)置子元素的高度與父元素的寬度成一定比例時(shí)，padding-top就可以用到了铃将，不過(guò)项鬼，需要注意的是，該子元素只能在其中設(shè)置背景圖片類(lèi)的填充劲阎，如果寫(xiě)入文字的話绘盟，會(huì)影響布局。
