如何在一行中放置兩個div：一個是固定的，另一個是拉伸的

Question

我需要兩個div框：一個在左側固定寬度，另一個在第一個右側，它應該伸向右側。 如何做到這一點？

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

Answer 1

最好不要使用絕對位置，因爲您可能希望將其放置在其他元素中。 這對我來說是什麼在起作用：

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

Answer 2

下面是CSS的佈局的負荷，該頁面應該給你答案：

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

Answer 3

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

您可能需要讓他們的絕對位置和相對父。