2

次のHTMLページがあります。

<body>
  <div id="div1"></div>
  <div id="div2"></div>
</body>

そして、cssは次のようになります。

#div1{
  width: 160px;
  height: 160px;
  top: 0;
  left 0;
  position: absolute;
}

#div2{
  width: auto;
  height: 160px;
  top 0;
  left: 160px;
  position: absolute;
}

div2ウィンドウのサイズが変更されているときに、ウィンドウの右側を埋めるためにストレッチを行うにはどうすればよいですか。つまり、の幅div1は常に160pxになりますが、の幅はdiv2ウィンドウの残りの部分に収まります。autoにコンテンツがない場合、ここでは機能しませんでしたdiv2。

どうもありがとう！

4

4 に答える 4

3

あなたのスタイルに追加right:0します。#div2

于 2013-03-17T01:46:41.200 に答える
1

の要素position: absoluteはドキュメントフローの外側にあるため、で「ラップ」することはできませんwidth。

使用floatおよびmargin：

#div1{
  width: 160px;
  height: 160px;
  float: left;
}

#div2{
  margin-left: 160px;
  height: 160px;
}

デモ： http： //jsfiddle.net/6nFDS/

于 2013-03-17T01:50:05.833 に答える
0

ここでCSSレイアウトの完全な全体像を見つけることができます：http： //learnlayout.com/

あなたが使用することができます：

 display:inline-block
于 2013-03-17T01:49:03.627 に答える
0

まあ、これがあなたが望むものかどうかはよくわかりませんが、使用できますwidth: 100%;：

width: 100%;

デモ

于 2013-03-17T01:45:53.650 に答える