html - 流体コンテナ要素内の div 幅を設定する方法は?

Question

私はコンテナ要素を持っています:

div#container {
  width:100%;
  height: 20px;
  overflow:hidden"
}

このコンテナー内には、 float である 3 つの子 div がありleftます。1 番目と 3 番目の子 div にはwidth = 100px

残りのスペースを取るように 2 番目の div をスタイルするにはどうすればよいですか?

注意:cssのみ、いいえjavascript。

Answer 1

3 番目の div に変更できる場合float:rightは、次のレイアウトをお勧めします。

div#container { width:100%; height: 20px; overflow:hidden;display:table; }
div#div1 { float:left; width:100px; display:table-cell; }
div#div2 { margin-left:100px; margin-right:100px; width:100%; display:table-cell; }
div#div3 { float:right; width:100px; display:table-cell; }