1

这是我关于 Stack Overflow 的第一个问题，所以我希望我遵守所有正确的礼仪！我正在尝试创建一个固定流体固定的布局，其中两个侧边栏始终为 200 像素，并且中心内容区域根据屏幕的侧面而变化。我已经让它与以下代码一起使用。

#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;
}

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

4

0 回答 0