html - CSS 第一个 div 动态宽度

Question

是否有任何解决方案可以使第一个 div 具有动态宽度？ 溢出技巧:隐藏不起作用，因为我首先需要它(div.first):

<div id="wrapper"><div class="first></div><div class="second"></div><div>

适用于旧版 IE 的最佳解决方案是什么？

谢谢你的帮助

Answer 1

你可以使用绝对定位来做到这一点

html:

<div class="wrapper">
  <div class="one"></div>
  <div class="two"></div>
</div>

CSS:

.wrapper {
  width:    100%;
  position: relative;
}

.one {
  position: absolute;
  left:     0;
  right:    50px;
}

.two {
  position: absolute;
  right:    0;
  width:    50px;
}

当您不必支持旧的 IE 时，有更好的方法:-)