用于联系表单的2列布局的CSS问题

Question

我正在使用一个名为联系表单7的wordpress插件来创建我的联系表单。我用CSS做了2列布局，看起来不错。但是当您点击SEND按钮时，发送消息后出现的验证消息或错误消息将显示在错误的位置。它应该显示在表格的正下方（在SEND按钮右下方。

实际上，消息显示在表单下方，因为出于某种原因，我的标签，文本字段被认为不在表单中。在Chrome调试模式下，我发现表单高度由my：

组成

<div id="contact-email">
<h2>Contact form</h2>
</div> 

和<p id="contact-intro"></p>

我不明白为什么它不会一直到SEND按钮。 js有点长，所以如果你想检查js和css http://jsfiddle.net/sd82m/，这里是一个jsfiddle 我认为最好看一下我的测试网站，这样你就可以点击SEND按钮了（你不能在jsfiddle上这样做）http://mywptestsite.is-great.org/contact-form/ 谢谢-K

Answer 1

尝试将此属性添加到包含表单部分的所有div的CSS中：

overflow:hidden;

Answer 2

尝试，

.wpcf7-response-output {
float: left;
margin-left: 452px;
width: 459px;
}

Answer 3

.wpcf7-response-output {
    clear: both;
}

这样就可以清除左浮动和右浮动的div。