將相對定位的元素展開至滿容器高度

我有一個直接位於身體下方的div。我的HTML看起來像這樣：將相對定位的元素展開至滿容器高度

<body> 
<div class="parent"></div> 
</body>

我使用的CSS是這樣的：

.parent { 
    border:1px solid black; 
    bottom:10px; 
    position:relative; 
    top:100px; 
    width:500px; 
}

這個div犯規伸展到整個視/可用身高。但是，如果我將位置改變爲絕對位置，它會拉伸。

有沒有辦法讓一個相對定位的元素伸展到它的容器元素的高度。我也試過100％的高度，它可以工作，但它給了我一個垂直滾動條，因爲元素位於TOP處100px處。

2010-03-25 Rajat

術語頂部，底部，左側和右側通常用於絕對定位。如果你想要一個div容器和它的父容器一樣大，那麼你必須通過術語的高度和寬度來指定，並使用一個帶有附加度量標準的百分比或整數，如'px'。如果你擔心滾動條，只需使用規則overflow:hidden;

2010-03-25 23:27:19 Scarface

-1此解決方案，你可能會不小心隱藏的文本，否則將向下滾動一直可讀。 – Shawn 2010-05-15 19:23:47

的確如此，但你會有什麼建議？我認爲一個好的開發人員會先在多個設備上測試他的頁面。 @Shawn +1 – 11684 2012-05-25 12:50:42

回答