1

動的な幅/高さを持つ 2 つのブロックがある場合、それらを固定幅の親要素内に並べる方法はありますか?

参照: http://jsfiddle.net/QhEYB/

赤要素のサイズに応じて常に青/動的 div のサイズを変更し、赤の下に移動しないようにします。言い換えれば、青いブロックが赤いブロックの隣にある正方形のブロックになるということです。

.wrap {width:600px; }/*static*/
.something {float:left; background:red; width:200px; height:100px;} /*dynamic width/height*/

.somethingelse { background:blue;} /*dynamic width/height and should always be next to .something*/

ありがとう！

4

1 に答える 1

2

と を使用するdisplay:tableとdisplay:table-cell、目的を達成できるはずです。

.wrap {width:600px; display:table; }/*static*/
.something {display:table-cell; background:red; width:200px; height:100px;} 
.somethingelse { background:blue; display:table-cell;}

http://jsfiddle.net/QhEYB/3/

于 2013-07-24T11:20:05.170 に答える