0

ここに画像の説明を入力

私はdivの行を持っています。左側のすべての div は、コンテンツに合わせてサイズ変更されます。左側の div もそのコンテンツに合わせてサイズ変更したいのですが、右側の div に従属させたいのです。したがって、右側の div が非常に大きくなると、左側の div はそのコンテンツを切り捨て (どんなに長くても)、右側の div に対応するサイズに縮小します。

これは、左の div が空の場合に機能しますが、コンテンツが含まれている場合はサイズ変更されません。

これを行う方法を知っている人はいますか？

4

2 に答える 2

1

http://jsfiddle.net/6WuVz/

要素を並べ替えた HTML:

<div class="r">Right 1</div>
<div class="r">Right 2</div>
<div class="l">Left</div>

CSS:

.r {
    float: right;
}

.l {
    overflow: hidden; /* turn into a "Block Formatting Context" */
}

float によって残された残りのスペースを BFC がどのように取得するかについては、以下を参照してください。

http://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/

古い IE の BFC:

display: block; overflow:hidden; zoom:1; position:relative;
于 2012-07-16T14:37:45.767 に答える
0

他の div サイズが既に計算された後、ページの読み込み時に幅および/または高さを設定します。jquery の使用:

$( function() {
   $("#leftdiv").width($("#rightdiv").width()) 
   $("#leftdiv").height($("#rightdiv").height());
});
于 2012-07-16T13:40:33.483 に答える