最小高度設置爲100％會導致滾動條，如果我也設置填充

Question

我有一個容器，從上到下創建一個彩色列下頁。我正在使用下面的CSS。此代碼將導致垂直滾動條出現，但是如果我刪除了填充屬性，它工作正常。它似乎將填充添加到高度。我期望在使用margin的時候，因爲它在容器之外，但是padding在裏面，並且不會影響它的大小，據我所知。此容器沒有父元素，只包含一個詞作爲內容。

如何在保留填充的同時使其高度達到100％並且無需創建任何其他子元素？先謝謝你。

#container 
{ 
    background-color : #eee; 
    max-width : 910px; 
    min-height : 100%; 
    padding : 65px 15px; 
} 

Answer 1

您可以將box-sizing: border-box;添加到容器中以獲得所需的結果;

http://jsfiddle.net/Svkp8/

這裏是一個detailed article保羅愛爾蘭約box-sizing，是由steveax在評論中提供。