0

在进行编码时，我试图在屏幕滚动并居中时修复我的 div“保持”。我在其中有 div，其中是徽标和导航，当它滚动时它们都将在页面下方显示。

出于某种原因，在尝试了一切之后，我无法让 div“保持”在页面上居中。

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

这是网站的实时视图，如果您想查看其余代码， http ://fuse.orgfree.com/Portfolio%202012/ 带有徽标的 div 应该离中心更远，但它不会去.

任何和所有的帮助表示赞赏！非常感谢！

4

3 回答 3

2

这position: fixed就是导致您的保持 div 无法正确居中的原因。删除该行，div 将移动到页面的中心。

于 2012-06-25T16:44:21.310 回答
2

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

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

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

于 2012-06-25T16:46:27.233 回答
2

的一个例子div，

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

它完全以以下样式居中并固定：

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

您可以在此处找到演示。

仅水平居中：

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

使 div 的内容也居中或使其流畅。

于 2012-06-25T16:47:19.007 回答