此例適用於左右欄寬度固定，中間欄寬度自適應的布局。由於網頁的主體部分一般在中間，很多網頁都需要中間列優先載入，而這種布局剛好滿足此需求。
專案中經常會使用浮動列表展示資訊，為了美觀通常為每個列表之間設定一定的間距（margin-right）,當父元素的寬度固定式，每一行的最右端的li元素的右邊距就多餘了，去除的方法通常是為最右端的li新增class，設定margin-right:0; 這種方法需要動態判斷為哪些li元素新增class，麻煩！！！利用負margin就可以實現這種效果；
使用絕對定位將div定位到body的中心，然後使用負margin（content寬高的一半），將div的中心拉回到body的中心，已到達水平垂直居中的效果。
列表中我們經常會新增border-bottom值，最後乙個li的border-bottom往往會與外邊框重合，視覺上**觀，往往要移除。
此例關鍵是給每個框設定大的底部內邊距，然後用數值相似的負外邊距消除這個高度。這會導致每一列溢位容器元素，如果把外包容器的overflow屬性設為hidden，列就在最高點被裁切。
有關margin的原理可以看看這篇文章：
有關margin負值的幾個案例可以參考：
負值之美 負margin在頁面布局中的應用
負數給人總是一種消極 否定 拒絕之感，不過有時利用負margin可以達到奇妙的效果，今天就表一表負值在頁面布局中的應用。這裡說的負值主要指的是負margin。關於負margin的原理建議大家看看這篇文章 本文不講原理，主要展示幾個應用。此例適用於左右欄寬度固定，中間欄寬度自適應的布局。由於網頁的主體...
margin實現頁面布局
單純的margin無法完成複雜布局，它更多的是輔助，但卻又難以替代。兩欄結構是最常見和經典的頁面呈現形式，如下圖1所示 margin實現 absolute margin方式 html headerheader id container id left 左側固定寬度leftdiv id center ...
margin負值的應用總結
margin負值 之前一直 應用都是定位 和 列表的時候，從來沒有想著進行個總結，直到遇到了在專案中遇到了 乙個margin負值 但是寬度增加的問題 才想著研究下 margin負值的問題。現將網上找到資料和文章，加上自己理解整理如下 1.元素水平垂直居中 這個彈框要絕對居中啊 tips top和le...