負邊距跟relative
負邊距是整個文檔流發(fā)生變化廓旬，后面的元素跟著改變哼审，即設(shè)置margin-top:-10px,則如果有相鄰元素谐腰，元素會上移孕豹，覆蓋之前的元素
負邊距：
如果對兩個元素同時設(shè)置浮動，第二個元素設(shè)置負邊距十气，如果負邊距設(shè)置的值 等于其自身的寬度励背，則該元素會上去，在第一個元素的末尾出現(xiàn)（同時第一個元素感知不到第二個元素上來）
如果負邊距設(shè)置的值 等于-100%砸西，則該元素會上去叶眉，且與第一個元素左上對齊，即 -100%為移動的距離為父容器寬度芹枷，回到起點
這樣的話第二個元素直接把父元素擋住了衅疙。
用圣杯布局做分欄
Paste_Image.png
圣杯布局：
左中右三欄勿璃，設(shè)置四個層毅待，第一個大層設(shè)置padding：0 100px;并清除浮動
第二，三狞山，四個層設(shè)置浮動走芋，第三绩郎，四個設(shè)置浮動和負邊距，position:relative;left:-100px(與padding翁逞，自身寬度一樣)
左右側(cè)邊欄寬度一般固定肋杖，中間的自適應(yīng)
![Upload Paste_Image.png failed. Please try again.]
雙飛翼布局：
設(shè)置五個層，第一個大塊挖函，設(shè)置border即可状植，并清除浮動，左右中三個布局，先設(shè)置中間的浅萧，并在內(nèi)部嵌套一個wrap的層逐沙，左，右兩個分別設(shè)置浮動和負邊距洼畅，使得其上移至第一個main在同一高度吩案，再設(shè)置wrap使其margin-left和margin-right即可
Paste_Image.png
