html - 如何让div填充固定宽度div左右两侧的水平空间

Question

我有 3 个 div:divLeft、divCenter 和 divRight，我希望 divCenter 以一个宽度为 1200px。左侧和右侧应具有流动宽度以填充到屏幕边缘。

我该怎么做？

Answer 1

这是一个纯 CSS 解决方案:http://jsfiddle.net/Wexcode/BGU7V/

您可能希望将其与 Faux Columns 结合使用.

.divCenter { 
    width: 1200px;
    margin: 0 auto; }
.divCenter p { 
    position: absolute;
    top: 0;
    width: 1200px; }​

.divLeft { float: left; width: 50%; }
.divLeft p { margin: 0 600px 0 0; }

.divRight { float: right; width: 50%; }
.divRight p { margin: 0 0 0 600px; }