html - 页脚可以水平滚动，但不应该

Question

我创建了我的网站，它的页脚可以水平滚动，但它不应该。它比网站的其余部分更宽。

页脚的 HTML:

<div class="footer">Atomdev.tk &copy; 2017</div>

页脚的 CSS:

.footer {
    width:100%;
    position: absolute;
    overflow: hidden;
    left: 0
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: #222222;
    padding: 30px;
}

这是带有此页脚的我的网站:atomdev.tk

Answer 1

你可以...

• 将 box-sizing: border-box; 添加到 .footer(默认情况下，框模型将添加任何 padding 和 border 到元素的计算宽度 - box-sizing: border-box 保持 padding/border 的宽度在指定的宽度内)

或

• 删除width(s) 并添加right: 0;