CSS讓高度100的文章 在網頁設計中，高度100%的頁面是相當普及的需求，這樣的頁面可以使得網頁占據整個視圖，并且可以通過滾動來查看更多內容。但是，要讓一個元素的高度達到100%需要考慮很多問題。 首先，我們需要知道父元素的高度，因為子元素的高度的計算是基于父元素的大小。如果父元素沒有定義高度，那么子元素也就無法知道自己應該有多高。因此，我們需要在父元素中定義一個高度。下面是一個例子，父元素的高度為500像素：

.parent{
height: 500px;
}

然后，我們需要將子元素的高度設置為100%：

.child{
height: 100%;
}

但是，這將導致子元素的高度是相對于父元素的，而不是相對于窗口的。因此，我們需要設置html和body元素的高度為100%：

html, body{
height: 100%;
}

這樣，子元素的高度就相對于整個窗口了。但是，這對于絕對定位的元素來說是無效的。如果我們想要一個絕對定位的元素高度100%，就必須讓其父元素也絕對定位，并且高度也設為100%：

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

這樣，父元素和子元素的高度都是100%了，而且在全屏狀態下可以占滿整個視圖。 總之，要讓一個元素的高度達到100%，我們需要考慮父元素的高度、設置html和body元素的高度，并且對于絕對定位的元素也需要進行特殊處理。