css - 100% で動作する CSS

Question

この jsfiddle の例を考えてみましょう。

content親コンテナーの下部 (任意の高さ) に合わせて常にストレッチする必要があります。基本的に、私はそれを次のようにしたい：

Answer 1

これは役に立ちますか?: http://jsfiddle.net/Boroso/8rXnL/編集: 申し訳ありませんが、元のリンクは間違っていました。

コンテナーの高さをautoに変更すると、コンテンツの高さを変更できます。これは、あなたが求めていると思います。

#box {
    width:300px;
    height:auto;    
    border:1px solid;
}

div.content {
    width: auto;
    height: 300px;
    background:#333;
    margin: 10px;
}

また、コンテナにパディングを追加しないでください。コンテナの高さと幅が変更されるためです。そのため、すべての辺で 10px のマージンを使用するように div.content を設定しました。

Answer 2

なぜ高さを低くしないのですか？

このような：

height: 85%;