0

div左に浮いているフローティング要素がいくつかあります。それらはすべて 100% の高さを持っています。div の 1 つがビュー ポートの高さを超えており、他の DIV は相対セットの位置を持つ親 DIV の 100% にサイズ変更されません (これが私の意見ではどのように機能するかです)。

表示テーブル、テーブル行、テーブルセルのソリューションを除いて、すべての div をビューポートの 100% にする他の方法はありますか?増加したdivによって。

どのように？:)

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

4

2 に答える 2

2

私が間違っている場合は修正してください。ただし、同じ高さのフローティング カラムが必要なようです。これに対する説明は非常に複雑になる可能性があるため、いくつかの例を示します。

試す

http://thelucid.com/2010/12/03/the-solution-to-fluid-inconsistencies-and-equal-height-columns/
http://matthewjamestaylor.com/blog/equal-height-columns-cross-ブラウザ-css-ノーハック

于 2011-02-06T22:21:33.023 に答える
1

私はあなたの質問に完全には従っていません。このコードを見てください：

<html>
<body>
<div style="height:50px;position:relative">
    <div style="background-color:red; float:right; height:100%">moo</div>
    <div style="background-color:green; float:right; height:100%">boo<br/>coo<br/>doo<br/>goo<br/>boo<br/>coo<br/>doo<br/>goo</div>
    <div style="background-color:blue; float:right; height:100%">foo</div>
</div>
</body>
</html>

ご覧のとおり、中央の DIV の高さは 50px を超えているため、外側の DIV (相対位置を持つ) は、他の内側の DIV と共に引き伸ばされます。

これはうまくいきませんか？

于 2011-02-06T21:48:26.920 に答える