在CSS中，如果邊界屬性取值為負(fù)值的時候，元素之間的關(guān)系就會因此而變得復(fù)雜很多。

　　在垂直方向上，兩個元素的邊界仍然會重疊，但是此時一個為正值，一個為負(fù)值，最后的取值并不是取其中較大的正值，而是用正的邊界值減去負(fù)邊界值的絕對值。即，把正的邊界值與負(fù)的邊界值相加的結(jié)果。我們來看一段代碼：

.content01{
??? margin-bottom:20px;
??? background:#fffccc;}

.content02{
??? margin-top:-60px;
??? background:#98cdff;}

.content03{
??? width:300px;
??? height:50px;
??? padding-top:30px;
??? color:#7a7a7a;}

<div class="content03 content01">這里是元素1</div>
<div class="content03 content02">這里是元素2</div>

　　在該樣式中，定義了兩個高為50像素的元素，其中，元素1的下邊界為20像素，元素2的上邊界為-60像素。下面來看一下該樣式應(yīng)用于頁面的效果。

　　從上面的圖中，可以看出，兩個元素之間的距離為20像素與-60像素之和-40像素，所以元素2向上移動，與元素1有40個像素的重疊。

　　如果是左右邊界取負(fù)值的時候，和上下邊界取負(fù)值的情況是一樣的，顯示基本相同。

轉(zhuǎn)載于:https://www.cnblogs.com/abenmao/archive/2012/06/21/2557276.html

總結(jié)

以上是生活随笔為你收集整理的CSS边界属性的负值的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。