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

Question

我需要两个div盒子：一个在左侧，固定宽度，另一个在第一个右侧，它应该伸展到右侧。 怎么做？

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

Answer 1

<div style="left:0;width:30px;"></div>
<div style="left:30px;right:0;"></div>

您可能需要将它们设置为绝对位置和父亲相对。

Answer 2

以下是一系列CSS布局，该页面应该给你答案：

http://tjkdesign.com/articles/one_html_markup_many_css_layouts.asp

Answer 3

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

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