Question

底部页脚没有相应的格式。它应该在最后，但是当网站加载时，它会出现图像大小。

应该是这样的：

如果您导航到另一个页面，它会自行更正。

页脚CSS

footer {
    clear: both;
    padding-top: 40px;
    text-align: center;
    cursor: default;
    padding-bottom: 0px;
    margin:0px auto;
}
    footer p {
        color: #c1c1c1;
        font-size: 11px;
        padding: 4px 8px 4px 8px;
        background: #f7f7f7;
        background: rgba(0,0,0,0.04);
        display: inline;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-transition:color 0.2s ease-in, background 0.2s ease-in;  
    -moz-transition:color 0.2s ease-in, background 0.2s ease-in;  
    -o-transition:color 0.2s ease-in, background 0.2s ease-in;  
    transition:color 0.2s ease-in, background 0.2s ease-in;
    }
    footer p:hover {
        background: #f1f1f1;
        background: rgba(0,0,0,0.05);
        color: #999;
    }

Answer 1

您的页脚底部有一些填充物。如果减少它，它将更接近页面底部。

footer.container { padding-bottom: 0; }将是一个完全触及底部的页脚，footer.container { padding-bottom: 15px; }可能接近您正在寻找的内容。

但是，由于您的网页上没有很多内容，当网页上的内容不足以填满整个视口时，您的页脚会显得更高。

试验这个的快速技巧是放大和缩小浏览器。您可以使用ctrl或cmd + +/-快捷方式。

CSS没有相应的格式化

1 个答案: