2

http://jsbin.com/upohag/1/edit

青い div は、緑と紫の div の間のスペースを占める必要があります。緑のdivの幅はわかりませんが、大きくなるにつれて青の幅が狭くなるはずです。

編集: テーブルや JavaScript を使用せずにこれを行いたいと思います。

ここの例 (表を使用していますが、私が何を意味するかを示すためだけです): http://jsbin.com/upohag/2/editでは、青い四角形が他の 2 つの間にぴったりと収まります。ただし、問題の 1 つは、左の四角形が必要なスペースをすべて占有していないことです。左の長方形は完全に拡張できるはずです。

4

1 に答える 1

3

display: table-cell適切な自動サイズ変更の動作を取得するために使用できます。

.left{
  display:table-cell;
} 
.center{
  display:table-cell;
}
.right{
  display:table-cell;
  width: 200px;
}

デモ: http://jsbin.com/upohag/12/edit

于 2013-02-08T01:06:59.547 に答える