0

在我的网站上，靠近底部有一个“免费访问”部分。理想情况下，我希望左边是自由图像，中间是注册表单，右边是成功图像。3 个元素的宽度在 960 像素的容器中总共为 840 像素，所以我认为这不是问题。为此，我正在使用：

        .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。

正如你所看到的，有些事情不太正常，我一直在看这个很长时间，我担心我错过了一些简单的东西。关于问题可能是什么的任何想法？

4

5 回答 5

1

又快又脏：

从 中取宽度.signup，向左浮动.form，并给它 280px 宽度；
或从 中获取宽度.signup，并提供.form额外的类.freedom。（<div class=' freedom form'>- 相当叛逆，嗯？）

达达！！

建议

  1. 在使用 CSS 之前学习它，它将为您节省时间和将来的麻烦；
  2. ？？？
  3. 利润。
于 2012-11-06T15:44:26.907 回答
0

为您浮动的元素指定宽度，然后它的行为应该可以预测。

于 2012-11-06T14:18:50.797 回答
0

浮动 .freedom、.form 和 .success 全部保留。然后，从 .signup 中删除宽度。

于 2012-11-06T14:35:33.933 回答
0

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

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

于 2012-11-06T14:39:31.387 回答
0

您想要左侧的自由图像，中间的注册和右侧的成功图像。吗？？？为了得到这个，首先浮动自由图像并通过明显的宽度在左侧唱歌。然后将成功图像浮动在右侧。

在上面的 css 中，请删除 clear: both; 并通过使用像 div.clear{clear:both} 这样的另一个 div 清除所有浮点数末尾的所有浮点数

于 2012-11-06T15:32:56.697 回答