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

时间:2017-02-22 20:54:24

标签: html css footer

我创建了我的网站,它的页脚可水平滚动但不应该。它比网站的其他部分更广泛。

页脚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

1 个答案:

答案 0 :(得分:1)

你可以......

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

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