負邊距跟relative
負邊距是整個文檔流發(fā)生變化，后面的元素跟著改變，即設置margin-top:-10px,則如果有相鄰元素，元素會上移，覆蓋之前的元素
負邊距：
如果對兩個元素同時設置浮動，第二個元素設置負邊距，如果負邊距設置的值 等于其自身的寬度，則該元素會上去，在第一個元素的末尾出現（同時第一個元素感知不到第二個元素上來）
如果負邊距設置的值 等于-100%，則該元素會上去，且與第一個元素左上對齊，即 -100%為移動的距離為父容器寬度，回到起點
這樣的話第二個元素直接把父元素擋住了。
用圣杯布局做分欄

Paste_Image.png

圣杯布局：
左中右三欄，設置四個層，第一個大層設置padding：0 100px;并清除浮動
第二，三，四個層設置浮動，第三，四個設置浮動和負邊距，position:relative;left:-100px(與padding，自身寬度一樣)
左右側邊欄寬度一般固定，中間的自適應

![Upload Paste_Image.png failed. Please try again.]
雙飛翼布局：
設置五個層，第一個大塊，設置border即可，并清除浮動，左右中三個布局，先設置中間的，并在內部嵌套一個wrap的層，左，右兩個分別設置浮動和負邊距，使得其上移至第一個main在同一高度，再設置wrap使其margin-left和margin-right即可

Paste_Image.png