css - float div 元素一个在另一个下面

Question

有人可以检查这个JSBIN

我正试图摆脱留给主页条款和条件-附属计划-我们公司的空白，以便它与附加链接在同一行对齐

Answer 1

尝试将此添加到您的 CSS:

footer .row > div {
    clear: left;
}

这将使您的部分“注意”上方的任何 float 内容，并在其下方呈现。

如果您在将来使用 float 布局时想要一种很好的方式来做这样的事情，read this article .对于 Web 开发人员来说，这是一种常见的“hack”，了解它是件好事。

在 OP 评论后编辑:

您已设置float: left在您的 header 上( <h4> -标签)。删除它。然后让包含标题的部分改为 float :

footer .row > div {
    float: left;
}