这是我关于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/