如何将两个div放在一行中:一个固定,另一个伸展

Question

我需要两个div盒子:一个在左侧有固定宽度,另一个在第一个右侧,它应该伸展到右侧.这该怎么做？

/-- 30px --//------ * -------/
|          |                 |
|          |                 |

Answer 1

最好不要使用绝对位置，因为您可能想将其放置在其他元素中。这对我有用：

<div>
  <div style="float: left; width: 30px">1</div>
  <div>2</div>
</div>