HTML/CSS全屏布局宽度3列

Question

我遇到了问题。如何进行全屏布局，其中左列和右列是固定宽度（例如250px），但中间列是流畅的。我的页面必须始终为全屏！ 我想是这样的：

Answer 1

可以使用CSS的一点简单的逻辑实现这一目标。

您必须创建3种不同的样式，可以处理左侧内容，中间内容和正确内容。在这里你去：

#fixed_width { 
width:96px; 
padding:2px; 
border:1px solid #000; 
float:left; 
background-color:#f00; 
} 

#fixed_width_right { 
width:96px; 
padding:2px; 
border:1px solid #000; 
float:right; 
background-color:#f00; 
} 

#unfixed_width { 
padding:2px; 
margin-left:105px; 
border:1px solid #000; 
background-color:#090; 
} 

使用该CSS样式在HTML代码象下面这样：

<div id="container"> 
<div id="fixed_width">col 1, 80 pixels </div> 
<div id="fixed_width_right">col 3, 80 pixels </div>`` 
<div id="unfixed_width">col 2, wild card </div> 
</div> 

和你做:)

干杯.. !!