【问题标题】:What's with this padding on the left side of my page?我页面左侧的填充是什么?
【发布时间】:2013-10-19 20:28:18
【问题描述】:

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

【问题讨论】:

    标签: default margin center padding


    【解决方案1】:

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

    【讨论】:

    • 看起来它与 div 有关,如果我从头开始,文本完全在左侧。谢谢,我也要养成这个习惯!
    猜你喜欢
    • 2022-01-20
    • 1970-01-01
    • 2019-12-23
    • 2021-05-16
    • 1970-01-01
    • 2016-05-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多