0

2 つの子 (ヘッダーと #content_outer) を持つ div (記事) があります。ヘッダーには正しい高さがあり、ヘッダーの高さ + #content_outer の高さ = 記事の高さになるように、#content_outer に高さを持たせたい (例: 200px などの特定の数値を指定しない)。

ここにフィドルがあります：http://jsfiddle.net/fyNX4/

(フィドルでは #content_outer は下部の記事の div を超えてはなりません)

解決策はcssのみでお願いします。

どうもありがとうございました。

編集：

より具体的には、これが私の希望するソリューションです: http://jsfiddle.net/fyNX4/5/

#content_outer --> height:240px; を指定しました。

しかし、ヘッダーにテキストが多い（そして高さが多い）場合に適用できる % または他のソリューションで高さを指定したいと思います。( http://jsfiddle.net/fyNX4/8/ )

4

2 に答える 2

1

http://jsfiddle.net/fyNX4/9/

そうでなければ不要なマークアップを追加して、構造を変更する必要がありました。

table:   table-row:       table-cell:       cell's content:
article  header           span
article  div#content-row  div#content-cell  div#content: overflow:auto;
  • table-row表のセルを垂直方向に並べる唯一の方法であるため、 が必要です。
  • table-celltable-rows はパディングや高さを受け入れないため、 s が必要です。
  • table-cellsが無視するため、内部ラッパーdivが必要でしたoverflow
于 2012-06-27T13:21:40.743 に答える
0

次のようなものが必要です。

更新されたフィドルは次のとおりです。 http://jsfiddle.net/fyNX4/6/

#main { width: 300px; height:300px;  background:Khaki; overflow:auto;}
#content_outer { background: GoldenRod;  height:100%; }
于 2012-06-26T16:50:50.040 に答える