将子弹点插入我的div将其移动到左侧

Question

在我的.css中，我使用固定宽度，居中布局：

#page-container { width: 760px; margin: auto; padding-top: 10px; }

使用.css的所有页面都是相同的宽度。如果我将子弹点插入div，它似乎向左移动几个像素并且不再居中。如果我插入iframe。

，也会发生这种情况

也许更有经验的人可以提出原因？

[编辑]

这是由于我添加内容时出现的滚动条引起的。我能做些什么吗？

Answer 1

您可能看到的是ul和li元素的默认边距和填充。

使用Web开发人员工具（如Firebug）并将鼠标悬停在元素上，您将看到边距和填充。

例如，ul元素有一些默认边距（黄色）和填充（紫色）：

您可以使用CSS来重置这些默认值：

ul { margin: 0; padding: 0; }
ul li { margin 0; padding: 0; }

Answer 2

为了防止页面移动，你应该将主体样式设置为溢出：滚动，这样总是有一个滚动条。