输入旁边的位置输入

Question

对此page我试图定位＆＃34;订阅＆＃34;输入框旁边的框。

到目前为止，我已经将所有三个left浮出水面，但最后一个元素并未位于正确的位置。

Answer 1

您的clear课程将移除浮动。如果删除该类，则订阅框将显示在输入框旁边。您可能需要一些负的上边距或类似的东西才能正确排列。

Answer 2

在css看看这个

input {
display: inline-block; 
}

这就是为什么它没有按你想要的方式工作。

Answer 3

通过为div提供subscribe个clear个班级，它会继承clear:both。你需要删除它。

同时，同时从padding-bottom移除#mc-embedded-subscribe-form .mc-field-group。

这应该正确排列按钮。

Answer 4

整理你的HTML会更好，但如果不这样做，就会这样做：

#mc-embedded-subscribe-form .mc-field-group {
padding-bottom: 0; 
}

#mce-responses {position: absolute;}

#subscribe {margin-left: 20px;}