Question

在进行编码时，我试图在屏幕滚动并居中时修复div“hold”。我的内部有div，它们是徽标和导航，当滚动时它们都会在页面上显示。

出于某种原因，在尝试了所有内容之后，我无法将div“保持”在页面的中心位置。

#hold {
width: 900px;
height: 100px;
margin: 0 auto;
position:fixed;
}

以下是您希望查看其余代码的网站的实时视图， http://fuse.orgfree.com/Portfolio%202012/ 带徽标的div应该远离中心，但它不会去。

感谢任何和所有的帮助！非常感谢！

Answer 1

position: fixed导致你的hold div无法正确居中。删除该行，div移动到页面的中心。

Answer 2

将此CSS添加到您的保持div：

#hold {
left: 50%;
margin-left: -450px;
}

margin-left属性应该是div的宽度的一半。

Answer 3

div，

的示例

<div class="center"></div>

完全居中并使用以下样式修复：

.center{
    position: fixed;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin: -100px 0 0 -100px;
    background-color: blue;
}

您可以找到演示here。

仅将其水平居中：

.center{
    position: fixed;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-left:-100px;
    background-color: blue;
}

将div的内容设为centered或将其设为fluid。

Div Tag不会居中？

3 个答案: