0

フィールドセット (左) div (右) のペアがあります。fieldset の内容は固定ですが、[次へ] ボタンのように hide()/show() 要素があります。これらのコントロールが切り替わると、フィールドセット コントロールの高さが変わります。右側のdivでこの高さをフォローしたいと思います。どのように？これはサイズ変更イベントではありません...

-<fieldset>-----------------------<div>-----
|                                |         |
|                                |         |
|                                |         |
|                                |         |
|                                |         |
|                                |---------|
|             [Next]             |         
----------------------------------

HTML :

<div class="attach">
    <p>something</p>
</div>
<fieldset class="left">
    <p>lotsa content</p>
    <p class="message">
        <button id="n" type="button">Next &gt;</button>
        <span></span>
    </p>
</fieldset>

CSS :

body {
    width: 720px;
}
fieldset.left {
    border-width: 1px 1px 1px 1px;
}
div.attach {
    position: relative;
    float: right;
    border: thin solid LightGray;
    right: 1px;
    width: 120px;
    height: 242px;
}
4

2 に答える 2

0

それらの両方を別の div 内に配置し、既存のものに a:

div.attach {
    height: 100%
}
于 2013-02-21T12:44:50.207 に答える
0

右側の領域のコンテンツがコンテナをオーバーフローしないことがわかっている場合は、このフィドルhttp://jsfiddle.net/vasmB/2/のように絶対配置を使用できます

これは重要なビットです：

left: 100%; top: 0; bottom: 0;

left を 100% に設定すると、ボックスの幅に関係なく、常に元のコンテナーの右側にボックスが配置されます。上/下を 0 に設定すると、高さが柔軟に維持されます。

于 2013-02-21T13:11:48.633 に答える