css定位-水平对齐
css定位-水平对齐
提问于 2014-07-02 03:20:20
我正在为某个人制作一个简单的摄影网站，我一直在努力弄清楚水平定位。我在左边/右边设置了自动边距，在相对位置上设置了位置。它应该在中间，不是吗？
我有一个图片幻灯片，我想在中间，然后有导航，我有在右边。导航定位是在正确的位置，但幻灯片与导航重叠，我不知道如何使它水平地中心。
这是导航：
#nav {
position: fixed;
top: 22%;
right: 1%;
text-align: center;
}流氓滑块：
#slider {
background:#000;
border:5px solid #eaeaea;
box-shadow:1px 1px 5px rgba(0,0,0,0.7);
height:400px;
width:600px;
margin: 100px auto 0;
overflow:visible;
position:relative;
}滑块包含在包装器div中：
.wrapper {
height: 100%;
width: 55%;
margin-right: auto;
margin-left: auto;
background: #eaeaea;
padding-bottom: 150px;
}如何才能做到这一点呢？
如果您需要更多信息，可以查看页面和源代码：bwphotog.com。
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-07-02 03:25:03
子.container元素比其父元素.wrapper更宽。如果您移除容器的960px宽度，它将是集中的。
Stack Overflow用户
发布于 2014-07-02 03:24:25
将您的.container类更改为
.container {
margin: 0 auto;
overflow: hidden;
/* width: 960px; */
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24522350
复制相关文章
相似问题
腾讯云开发者
