CSS設(shè)置高度充滿負(fù)元素可以避免在負(fù)元素中出現(xiàn)空白區(qū)域。我們可以使用absolute與relative定位方法來達(dá)到這個目的。

首先，我們需要一個父元素和一個子元素，在父元素中設(shè)置position:relative;，子元素設(shè)置position:absolute; top:0; bottom:0; left:0; right:0;

.parent {
position: relative;
}
.child {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

以上CSS代碼會使子元素的四個角都充滿父元素。如果是在負(fù)元素中使用，可以將父元素設(shè)置成負(fù)元素，例如：

.negative {
position: relative;
background-color: #ccc;
height: 200px;
width: 200px;
margin: 0 auto;
}
.negative .child {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #999;
}

在上面的例子中，我們在一個200x200的負(fù)元素中放置一個子元素，并使子元素的四個角都充滿負(fù)元素。這樣，我們就可以完全填充該負(fù)元素，而不用擔(dān)心空白區(qū)域出現(xiàn)。這對于制作菜單、按鈕、導(dǎo)航欄等等有很大的幫助。