2

ページを上から下に色付きの列を作成するコンテナがあります。以下のCSSを使用しています。このコードにより垂直スクロールバーが表示されますが、パディング プロパティを削除すると問題なく動作します。高さにパディングを追加しているようです。マージンはコンテナーの外側にあるため、マージンを使用する場合はこれが予想されますが、パディングはコンテナーの内側にあり、私が知る限り、マージンのサイズには影響しません。このコンテナーには親要素がなく、コンテンツとして 1 つの単語のみが含まれます。

パディングを保持しながら、追加の子要素を作成することなく、高さを 100% にするにはどうすればよいですか? 前もって感謝します。

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

1 に答える 1

7

box-sizing: border-box;コンテナーに追加して、目的の結果を得ることができます。

http://jsfiddle.net/Svkp8/

これは、コメントでsteveaxによって提供された、ポール・アイリッシュによる詳細な記事です。box-sizing

于 2012-11-28T05:36:45.090 に答える