0

我正在从头开始制作一个网站,并且在卡住之前还没有走多远 - 这是非常简单的代码,我没有指定边距或填充,但是当我在 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

4

1 回答 1

0

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

于 2013-10-11T17:40:54.007 回答