Div标签不会居中？

在做我的编码时，我试图让屏幕滚动并居中时固定我的div“hold”。我在里面有div的标志和导航，当它滚动时，它们都会沿着页面向下。Div标签不会居中？

出于某种原因，在尝试了所有内容之后，我无法让div“hold”居中放置在页面上。

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

这里是网站的实时取景柜面你想看到的代码的其余部分， http://fuse.orgfree.com/Portfolio%202012/ 带有徽标的股利应更远的中心，但它只是不会去。

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

来源

2012-06-25 Abstract Box

在这里让我为你的谷歌，https://www.google.com/search?btnG=1&pws=0&q=CSS+Centered+Div&safe=active – pixelbobby

position: fixed是什么导致你的div div不能正确居中。删除该行，div移动到页面的中心。

来源

2012-06-25 16:44:21 Jim

但是，那么我将如何保持div固定呢？ –

如果要保持位置固定，则需要使用“左”属性将其移动到屏幕中央。如果您希望它在窗口大小调整时保持居中（水平），则必须使用百分比而不是固定像素量。 – Jim

这个CSS添加到您的保持DIV：

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

的利润率左属性应该是你div的宽度的一半。

来源

2012-06-25 16:46:27 j08691

一个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。

来源

2012-06-25 16:47:19 Robin

Div标签不会居中？

回答

相关问题