1

我在布局设计方面遇到了问题，这应该很容易。我实际上让它工作，除了我的菜单（左侧边栏）css 转换被我做的方式搞砸了。

我想要一个带有页眉和页脚的 3 列固定布局，整个内容居中。我的左右 div 都是 220px 宽，100% 高并且不可滚动（所以菜单总是在那里）。中间的内容 div 是 830px 宽并且是可滚动的。任何超过 1270 像素的显示器尺寸只会为左右主体增加空间。

目前，我通过如下定位内容来做到这一点：

header{
position:fixed;
left:50%;
margin-left:-(width/2)px;
}

left{
position:fixed;
left:50%;
margin-left:-635px; <--(center width/2) - left width)
}

center{
position:relative;
left:50%;
margin-left:-415; <--center width/2
}

right{
position:fixed;
left:50%;
margin-left:415px;
}

同样，这有效，除了导致我的 css 转换挂在 Chrome 中。问题是用于设置内容的 left/margin left 方法，因为如果我设置 left 使用 say left:50px; 那么一切都很好。

我试过浮动：离开一切，但这会导致整个页面滚动，这是我不想要的。任何线索如何以另一种方式将左栏粘贴到中心 div 的左侧？

4

0 回答 0