为什么在页脚之前有一个“清晰”的课程？

Question

我最近一直在修改Blogofile中的模板，该模板是用HTML 5编写的。

当我查看生成的页面时，有一个

<div class="clear"></div>

页脚前面的html源代码中的

框。这是什么意思？如何相应地设置CSS？

CSS在这里：https://github.com/EnigmaCurry/blogofile_blog/blob/master/blogofile_blog/site_src/themes/theme1/style.css

Answer 1

HTML中的类意味着为了在CSS中为它设置属性，您只需要在它前面添加一个句点。
例如，该html代码的 CSS 代码可能是：

.clear {
    height: 50px;
    width: 25px;
}

另外，如果您按照 abiessu 的建议，尝试将CS​​S clear: both;属性添加到div中，以防止任何内容浮动到此div的左侧或右侧，可以使用此 CSS 代码：

.clear {
    clear: both;
}

Answer 2

最有可能的是，正如其他人所提到的，它是一个带有css值的类：

.clear{clear: both;}

以防止更多页面元素延伸到页脚元素中。这是一种快速简便的方法，可以确保具有不同高度列的页面不会导致页脚奇怪地渲染，可能会将其顶部位置设置在较短列的末尾。

在许多情况下，没有必要，但如果您使用的是最佳实践标准，那么如果您左右浮动页面元素，最好使用它。它的页面元素类似于水平规则与文本一起使用的方式，以确保正确和完整的分离。