我页面左侧的填充是什么？

Question

我正在从头开始制作一个网站，并且在卡住之前还没有走多远- 这是非常简单的代码，我没有在任何地方指定边距或填充，但是当我在 Chrome 和 Firefox 中查看页面时，左侧有这个边距，在前 25 个左右像素中不存在任何内容。有些东西告诉我这是正常/默认的，但是有什么方法可以让页面完全居中，当然它不能真正居中左：10px 的东西......

这是 CSS：

.header {
height:100px;
width:100%;
top:100px;
z-index: 1;
position:fixed;
background-color:#767676;
top:0px;

}

html {

background-color:transparent;
color:#555555;
font-family: 'Roboto', 'Univers';
line-height: 1.0em;
width:100%;
height:100%;
background-color:#f8f8f8;

}

...还有一个屏幕截图显示了我在说什么：

http://i.stack.imgur.com/vFDID.png

Answer 1

您可能需要某种形式的 CSS 重置来清除浏览器默认设置。在我的项目中，我在 CSS 的顶部包含了 * { padding: 0; margin: 0; }。这几乎可以解决所有问题。