html - css - 使徽标居中

Question

我正在尝试将 pinterest 徽标居中以仅用于检查目的。但与 Pinterest 网站相比，它并不完美。

然后去http://pinterest.com可以看到左边的logo有点不同。

我检查了我的电脑，发现左侧位置相差大约 10 像素。为什么会这样？我复制了 pinterest 使用的相同代码。

score 5 · Accepted Answer

它被称为滚动条：-D

因为你有left:50%并且标准滚动条很20px宽，所以你留下了10px偏移量；）

你可以加

body { overflow-y:scroll }

为了确定。

score 1 · Accepted Answer

原因是在 pinterest 网站中有一个滚动条可以缩短网站的宽度。它把一切都推到了左边。

添加CSS

html { overflow:scroll }

你会发现没有区别

score 0 · Accepted Answer

0

你做了这个了吗：

html, body {
  margin: 0;
  padding: 0;
}

于 2012-05-28T15:18:27.323 回答

3 回答 3