DIV - 100％高度導致滾動條

我有一個問題，當高度設置爲100％時導致滾動條的div問題。DIV - 100％高度導致滾動條

現在，我的頁面內容看起來像;

<body> 

<hr> 

<div id="content"> 

    <div id="heading"> 

    </div> 

</div> 


</body>

問題是HR是5px，內容是身高的100％。所以，因爲它是頁面高度的100％，所以它低於HR並創建5px，因此正在製作一個滾動條，我想避免它。

我的問題是，我如何使它的高度100％沒有它認爲它需要100％pageheight並且不包括頁面高度中的HR？

謝謝。

2012-03-09 Konzine

你有沒有嘗試把hr內容的div？ – steveax 2012-03-09 17:08:06

添加內容時，它不會滿足嗎？ – Liam 2012-03-09 17:08:09

這種佈局最好使用絕對定位來完成。下面是一個例子，使用HTML：http://jsfiddle.net/7KGmZ/

CSS：

#content 
{ 
    position: absolute; 
    top: 20px; 
    right: 0px; 
    bottom: 0px; 
    left: 0px; 
}

2012-03-09 17:09:42 Hubro

這工作很好，謝謝。另外，從內容div中刪除「高度」標籤，它仍然會增長到身體標籤..整潔。謝謝！ – Konzine 2012-03-09 17:21:11

2012-03-09 17:09:21 Joel

你可以試試：

position: absolute; 
top: 0px; 
bottom: 0px;

然而，這將在人力資源重疊。如果您將頂部位置設置爲5px，則不會。

2012-03-09 17:09:33 t0nyh0

您可以設置position: absolute，然後使用top: 5px和bottom: 0;定位。

2012-03-09 17:09:48 magicalex

對於我來說，問題出在頁面頂部的一些元素上邊距，頂部填充或頂部邊框，我的身體上邊框10px，使其0px後滑桿消失。

2013-09-13 10:38:27 Ivana

回答