HTML/CSS全屏布局宽度3列[重复]

您可以使用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; 
} 

在HTML代码中使用以下CSS样式:

<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>

你完成了:)

干杯