0

私はこれらの2つのdivを持っています: 

<div id="parent" style="border:1px silid;background-color:#fff">
    <div id="child" style="position:fixed;width:100px;height:100px; border:solid 1px;">
    </div> 
</div>

基本的に、固定された子を親 div 内にとどめたいので、ページが下にスクロールするたびに親 div の高さを変更する必要があります(子が下に移動します)。

css ソリューションはありますか、それとも js で作成する必要がありますか?

4

3 に答える 3

1

これを CSS で行うことはできません (悲しいことに、子供は CSS を介して親を制御することはできません)。

ただし、これは JavaScript で行うことができます。子のandの値を値として使用して、親の観点から.height()andを使用できます。.width().outerHeight().outerWidth()

ここにフィドルがあります: http://jsfiddle.net/TfNXs/ (変更をより見やすくするために、スタイリングでいくつかのことを変更しました。 )

ページの読み込み時にのみ実行したことに注意してください。のサイズが変化する可能性のbindあるイベントにそのコードを追加することを検討することをお勧めします。#child

于 2012-08-25T00:05:13.530 に答える
1

Javascriptはそれを行う必要があります。

css でできるとは思わないでください。

于 2012-08-24T23:58:57.247 に答える