将div定位在窗口中心(垂直)

时间:2012-07-17 12:53:20

标签: javascript css

我正在使用这个CSS在窗口水平和垂直方向放置一个div,它工作正常,直到你向下滚动页面,然后div保持在相同的居中位置,就好像页面没有滚动一样。

width:600px;
height:300px;
position:absolute;
left:50%;
top:50%;
margin:-150px 0 0 -300px;
z-index:99;

可以使用CSS完成吗?

3 个答案:

答案 0 :(得分:2)

那是因为您的positionabsolute

您应该尝试使用position: fixed;

答案 1 :(得分:0)

看看:

http://www.w3schools.com/cssref/playit.asp?filename=playcss_position&preval=fixed

position: fixed;可能就是你要找的东西。

答案 2 :(得分:0)

尝试使用以下CSS: position:fixed;