漂浮的divs仍处于垂直线，而不是应有的水平

Question

在我的网站上，底部附近有一个"免费访问"部分。理想情况下，我想在左侧有自由图像，中间的注册形式以及右侧的成功图像。在960px容器中，这3个元素的宽度为840px，因此我认为这不是一个问题。为此，我正在使用：

        .signup {
    border-top: 1px solid #333333;
    float:left;
    padding-bottom: 40px;
    padding-top: 40px;
    overflow: auto;
    width: 280px;
}
.signup p {
    padding-bottom: 20px;
}
.signup p span {
    font-family: nevis-webfont;
    font-size: 112.5%;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.signup #mc-embedded-subscribe {
    background: #0fddaf;
}
.signup .freedom {
    float: left;
    width: 280px;
}
.signup .success {
    float: right;
    width: 280px;
}
.clear {
    clear:both;
}

和html。

您可以看到，有些事情不正确，而且我一直在研究这么长时间，恐怕我会错过一些简单的东西。关于问题可能是什么的想法？

Answer 1

快速而肮脏：

从 .signup，float .form左右宽度，并给它280px宽度;
或从.signup拿出宽度，并给.form额外的.freedom类。（<div class=' freedom form'>-相当叛逆，嗯？）

ta-da !!

建议

1. 在与之合作之前先了解CSS，它将为您节省时间和头痛；
2. ???
3. 利润。

Answer 2

给您浮动元素的宽度，然后可以预见。

Answer 3

float .freedom，.form和.cuccess as左左。然后，从.signup中删除宽度。

Answer 4

看到每个部门的绝对大小时，您应该能够通过将它们全部漂浮在左边，并给他们您想要的尺寸来获得所需的东西把它们带到你想要的地方。

您还需要将overflow:auto添加到.signup容器Div中，以便您的浮动内容留在其中。

Answer 5

您想要左侧的自由图像，在中间注册，并在右侧进行成功图像。s ???要获得第一个浮动图像，并显然将宽度绘制在左侧。然后将成功图像浮在右侧。

在上面的CSS中，请删除清除：两者兼而有之；并使用另一个Div清除所有浮子末端的所有浮子div.clear {clear：两种}