建议

Question

在my site上，靠近底部有一个“免费访问”部分。理想情况下，我希望左边是自由图像，中间是注册表单，右边是成功图像。 3个元素的宽度在960px容器中总共为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;
}

And the HTML.

正如你所看到的，有些东西不能正常工作，而且我一直在看这个问题已经很久了，我担心我会遗漏一些简单的东西。关于问题可能是什么想法？

Answer 1

又快又脏：

从.signup取宽度，向左浮动.form，并将宽度设为280px;
或者从.signup获取宽度，并为.form提供额外的课程.freedom。（<div class=' freedom form'> - 相当反叛，是吗？）

的Ta-DA !!

建议

在使用CSS之前学习CSS，它将为您节省时间和头痛;
???
利润。

Answer 2

给你浮动的元素一个宽度，然后它应该可以预测。

Answer 3

浮动.freedom，.form和.success都离开了。然后，从.signup中删除宽度。

Answer 4

看到每个分区都有一个绝对大小，你应该能够通过将它们全部浮动到左边来获得你想要的东西，并给它们你想要它们的大小。

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

Answer 5

你想要左边的自由图像，中间的注册和右边的成功图像。 Sαδ+ 为了得到这个第一个浮动自由图像，并通过显然采取宽度在左边唱歌。然后将成功图像浮动到右侧。

在上面的CSS中请删除clear：both;并通过使用另一个div来清除所有浮动结束时的所有浮点数 div.clear {clear：both}

漂浮的div仍然在垂直线上，而不是它们应该是水平的

5 个答案:

建议