my site的底部附近,有一个“免费访问”部分。理想情况下,我想在左侧显示自由图像,在中间显示注册表单,在右侧显示成功图像。在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;
}


And the HTML.

如您所见,某些功能无法正常运行,而且我一直在研究此功能已经很久了,恐怕我错过了一些简单的功能。关于这个问题可能有什么想法?

最佳答案

快速而肮脏:

.signup取宽度,向.form左浮动,并将其宽度设为280px;
或从.signup中获取宽度,并为.form提供一个额外的类.freedom。 (<div class=' freedom form'>-非常反叛,是吗?)

-!

忠告


在使用CSS之前先学习它,它将为您节省时间和将来的麻烦;
???
利润。

10-05 20:51
查看更多