好用的負margin

負margin是一個很好用的屬性，這裏主要介紹幾種我碰到的情景。

一、自適應佈局

       這個在前面的三欄佈局中已經介紹，負margin和float組合使用，詳見http://km.oa.com/group/23033/articles/show/225239

二、去除列表右邊距 
       項目中經常會使用浮動列表展示信息，爲了美觀通常爲每個li元素之間設置一定的間距,這個間距通過給每個li設置一定的margin-right值實現。於是得到下面的結果：

        但是我們實際想要的結果（最右邊不需要間距）：

       去除最右邊的邊距只需給父元素設置相應的負margin值，該值的絕對值剛好是li元素的marging-right值。與依次去掉最右邊li元素的margin-right值相比，該方法更加簡單，一勞永逸。

ul{
        margin-right:-10px;
    }

 

demo戳這裏：http://runjs.cn/code/pxpe2xqg 

三、實現元素居中

       這個在前面已經介紹，詳見：http://km.oa.com/group/23033/articles/show/224911?kmref=author_post

四、元素重疊

       第一次碰見需要元素重疊是在做網上銀行界面改動時，類似於下圖，parta和partb屬於不同的父元素，在不能改變html文檔結構的前提下，將parta和partb顯示在同一行。

         實現方法很簡單哦，將partb的margin-top設置爲負的parta的高就好。

.partb
	{
	margin-top:-80px;
	}

 

demo戳這裏：http://runjs.cn/code/xl8f112k