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

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;
}

以下是我的网站：footdev.tk

Answer 1

你可以......

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

或

• 删除width（s）并添加right: 0;