html - 位置：固定时如何在屏幕中心浮动DIV？

Question

我指的是本网站的红丝带横幅

现在，当未设置此代码的位置时，使其居中对齐。

margin: 0 auto 30px;

但是当我向下滚动并position:fixed使用 JS 制作 div 时，相同的代码将不起作用！即使屏幕分辨率/浏览器不断变化，我应该怎么做才能使其居中对齐？

Answer 1

试试这个：

{
 position:fixed;
 left:50%;
 margin-left:470px;

}

这里是使用chrome开发者工具调试后的截图链接： https ://dl.dropbox.com/u/19982181/Screen-Shot-2012-06-22-at-12.35.jpg

在你的 window.scroll 函数中改变这个。

$('#socio').css({
"position":"fixed",
"margin-left":"-470px",
"top": "27px",
"left": "50%"
});

Answer 2

因为页面上的元素得到一个

margin-left: XXXpx;

当您向下滚动时。这是通过 JS 完成的，我猜它只是通过 jQuery 的 .offset() => http://api.jquery.com/offset/测量左浏览器边框和元素本身之间的宽度

编辑：就我个人而言，我也更喜欢 SVS 的答案，但这仅在您知道元素的宽度时才有效。

Answer 3

试试这个代码：

margin-right: auto;
margin-left: auto;