.header和h1之間產(chǎn)生一點(diǎn)縫隙（或間距）抠藕，即使將.text設(shè)置 margin:50px; 毫蚓，作為塊級元素的div坯沪，margin左右生效，而上下則是.header和div整體向下移動50px
為何header和div能夠產(chǎn)生合并丹泉？即header沒有border和padding（即一個可與外界隔離的邊界線），導(dǎo)致div自帶的一個margin鸭蛙，沖出該邊界摹恨，與header合并
對于一個父元素里所嵌套的子元素。若父元素沒有上邊框沒有上內(nèi)邊距娶视，設(shè)置子元素的margin-top值時晒哄，margin-top對子元素?zé)o效，并且父元素會受到影響肪获。
解決方案：
就是給父元素加個上邊框或上內(nèi)邊距寝凌。
給父元素加一個overflow:hidden 樣式屬性
css邊距1.png
對于兩個同級的盒子，一個在上一個在下贪磺。若上面的盒子margin-bottom與下面的盒子margin-top一起作用時硫兰。這時，上下兩個盒子的間距會選擇margin-bottom 與 margin-top中最大的值寒锚。
解決方案：避免上元素的margin-top和下元素的margin-bottom一起使用劫映！
css邊距2.png
