2

私はこのマークアップを持っています

<div id="line" width="100%; height: 44px;">
   <div id="identifier" style="position: absolute;left:0px width: 90px;">blabla</div>
   <div id="title" style="position: absolute; left: 90px;float: left; display:inline;">title</div>
   <div id="button" style="width:100px;float:right">gfgh</div>
</div>

次の div (ボタン) まで残りのスペースをすべて埋めるように div[id='title'] を伸ばすにはどうすればよいですか?

4

2 に答える 2

3
  • position:relativediv#行に設定します。
  • right:100pxdiv#title に設定します。
于 2012-06-08T09:25:47.570 に答える
1

CSS を次のように変更してみてください。

position: absolute; left: 90px; right: 100px; width: auto;

これを確実に機能させるには、 を追加する必要がありposition:relativeます#line(たとえば#line、将来幅を変更する場合)。

また、古いバージョンの IE では確実に動作しない可能性がありますが、理論上は動作するはずです。

于 2012-06-08T09:25:52.517 に答える