CSS布局:固定流体固定,维护200px网格

时间:2012-08-17 14:44:22

标签: css responsive-design fluid-layout

这是我关于Stack Overflow的第一个问题,所以我希望我能遵循所有正确的礼仪!我正在尝试创建一个固定流体固定的布局,其中两个侧边栏总是200px,中心内容区域可以根据屏幕的一侧变化。我已经使用以下代码。

#page-container {
    margin: 15px;
}

#content-container {
    margin: 0 200px;
}

#left-sidebar{
    width: 185px;
    margin-top: 15px;
}

#right-sidebar{
    float:right;
    width: 185px;
    margin-top: 15px;
}

我在中心使用同位素砌体布局(在200px的列中工作) - 这就是为什么我希望中心区域是流动的。问题出在这里:我希望中心区域是流动的,但限制在200px的倍数。因此,在1024屏幕上 - 侧边栏将是200px,中心将是600,边距为12px。或者在2880的视网膜显示器上,侧边栏仍然是200px,中心将是2400px,留下40px的边距。这可能吗?我现在正在网站上工作,因此它可能会在一整天内发生变化,但布局应保持不变:http://test.loeuf.com/wp/

0 个答案:

没有答案