如何居中位置:固定元素 - HTML CSS

时间:2012-09-19 09:45:54

标签: html css

我搜索的范围很广,但似乎无法找到我特定问题的答案:我有一个980px宽的div,并且位置:固定在向下滚动时保持在页面顶部。我的问题是,我无法弄清楚如何居中对齐div,并保持居中,同时也是位置:固定而非位置:相对

任何siggestions,或者我错过了一些明显的东西?

2 个答案:

答案 0 :(得分:3)

您可以应用此CSS样式:

div#id {
    position:fixed;
    top:0; /* or whatever you need */
    left:50%;
    width:980px;
    margin-left:-490px; /* half the lenght of the element */
}

答案 1 :(得分:0)

按照GionaF的正确答案,这是一个实例。

http://jsfiddle.net/Ubp49/