html - 页脚的网站正在创建水平滚动条

Question

<分区>

Answer 1

这是因为您在 block 元素上同时指定了 100% width 和 padding。如果你不太在意 older IE versions , 你可以通过简单地添加来解决这个问题:

#footer {
    width:100%;
    padding:30px;
    ...
    -webkit-box-sizing:border-box; /* Older webkit */
    -moz-box-sizing:border-box; /* Firefox */
    box-sizing:border-box;
}

您可能还想为页面的 body 设置一个 margin 为 0 的值，以使页脚完全到达屏幕的左侧、右侧和底部。