变边三柱腹板设计

使用 this technique ,并且只需指定中心柱的固定宽度。

看看这个: http://www.glish.com/css/2.asp

并将MainCenter的宽度:xx%替换为固定值。当我用萤火虫换它的时候,它似乎有用,值得一试吗?

#maincenter {
    width: 200px;
    float:left;
    background:#fff;
    padding-bottom:10px;
    }

我认为您需要从两个侧边栏列的初始(固定)宽度开始,然后在页面加载时,使用javascript获取窗口宽度并计算侧边栏的新宽度。

边栏宽度=(窗口宽度-中心列宽)/2

然后,如果调整了窗口的大小,您可以重新应用javascript。

This article at A List Apart 有一个解决方案,导致3列布局,将:

• 有固定宽度侧边栏的流体中心,

• 允许中心列首先出现在源中,

• 允许任何一根柱子都是最高的,

• 只需要一个额外的标记分区,以及

• 需要非常简单的CSS,补丁最少。