2014-06-29 122 views
1

我有两个div:菜单和内容。菜单固定在左侧,内容居中。问题是,在较低的屏幕分辨率下,菜单与内容重叠。 下面是一些CSS:css,固定侧边栏的中心div

#content { 
    width: 1000px; 
    min-height: 100%; 
    margin: 0 auto; 
} 
#menu { 
    z-index: 20; 
    width: 200px; 
    height: 100%; 
    position: fixed; 
    top: 0; 
    left: 0; 
} 

所以,基本上,我想与x像素的左最低为中心的内容。 有没有简单的解决方案呢?

+0

我建议你把一个jsbin/jsfiddle,让人们可以告诉你自己的html如何实现这一点 – Ben

回答

1

只需将内容div设置为Wrapper div父级...并给出包装边距left-left:100px;或无论你想要多么简单

0

您可以使用最小宽度 这应该是最简单的解决方案。否则在http://jsfiddle.net/上张贴您的代码,以便我们可以查看它