在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之前先学习它,它将为您节省时间和将来的麻烦;
???
利润。