中心位置固定的三個欄佈局

Question

我

---------------------------------------------------- 
|             | 
| |-------------------------------------------| | 
| |   |      |  | | 
| |   |      |  | | 
| |   |      | 15% | | 
| | 15% |   70%   | fixed | | 
| | fixed |      |  | | 
| |   |      |  | | 
| |   |      |  | | 
| |   |      |  | | 
| |   |      |  | | 
| |   |      |  | | 
| |   |      |  | | 
| |   |      |  | | 
| |   |      |  | | 
| | ------------------------------------------| | 
|  max width of the this 100% is 400px  | 
===================================================== 

http://jsfiddle.net/fwQq4/

我什麼不能做到的，是整個三列的400像素的最大寬度;並將三列對中。

我該如何做到這一點。

Answer 1

與CSS2沒有問題，看this example fiddle：

標記：

<div class="wrapper"> 
    <div id="left"> 
    </div> 
</div> 
<div id="middle"> 
</div> 
<div class="wrapper"> 
    <div id="right"> 
    </div> 
</div> 

樣式表：

html, 
body { 
    width: 100%; 
    max-width: 400px; 
    margin: 0 auto; 
    padding: 0; 
} 
.wrapper { 
    position: fixed; 
    top: 0; 
    width: 100%; 
    max-width: 400px; 
    margin: 0 auto; 
} 
#left { 
    width: 15%; 
    background: red; 
} 
#middle{ 
    width: 70%; 
    margin-left: 15%; 
    background: yellow; 
} 
#right { 
    width: 15%; 
    margin-left: 85%; 
    background: red; 
}