1

これに対する答えはないと思いますが、フローティング div の高さを 100% に設定する方法があるかどうか疑問に思っていましたか?

ラッパー div 内に 2 つの div があります。

<div id="wrapper">
    <div id="left">
    </div>
    <div id="right">
    </div>
</div>

右の div には高さが設定されており、左の div をそれに合わせたいので、次のように作成しました。

#wrapper {
    background-color: red;
    width: 200px;
    height: 100%;
    overflow: auto;
    padding: 5px;
}

#left{
    width: 90px;
    height: 100%;
    float:left;
    background-color: #ccc;
}

#right{
    width: 90px;
    height: 300px;
    float:right;
    background-color: blue;
}

しかし、左のdivは展開しません。ここでフィドル: http://jsfiddle.net/8dstK/2/

同じ高さのdivを達成する方法を知っている人はいますか?

JQuery を使用して右の div の高さを取得し、それを左の div に適用する必要がありますか?

4

5 に答える 5

0

親 div で最も使用されている clearfix クラスを使用します。この質問はすでに利用可能です。このリンクを確認してください。浮動要素の親が崩壊しないようにするにはどうすればよいですか?

于 2013-07-19T05:55:34.367 に答える