CSS中，通常我們使用“height:100%”來讓一個元素的高度占據其父元素的全部高度，但是這似乎并不總是有效，有時候我們需要使用其他方法去實現這個效果。

.parent {
height: 200px;
position: relative;
}
.child {
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
}

上面這段代碼可以讓“child”元素的高度占據“parent”元素的全部高度。關鍵在于給“parent”元素加上“position:relative”屬性，然后給“child”元素加上“position:absolute”屬性，并設置其“top:0”、“left:0”、“width:100%”屬性。這樣就能夠讓“child”元素的高度取到“parent”元素的全部高度了。

另外，如果是讓一塊背景色或者圖片鋪滿整個頁面，也可以使用以下代碼：

html, body {
height: 100%;
margin: 0;
padding: 0;
}
.container {
height: 100%;
background-color: #FFF;
background-image: url('bg.jpg');
background-size: cover;
background-position: center;
}

這個方法就是將html和body元素的高度都設置成100%，然后將要鋪滿頁面的元素（這里是“container”）的高度也設置成100%，并設置其背景色或者背景圖片，最后再用“background-size:cover”和“background-position:center”讓背景圖片鋪滿整個頁面，并居中顯示。