表格css中的表格

Question

我有一个奇怪的CSS问题。

我正在努力实现以下目标。 我可以让人们搜索数据库中的名称或报价的一部分，我想将其显示在一个框中（在这种情况下，这是一个容易造型的表单）。 问题是，整个盒子应该有一个渐变的绿色，但不是整个提取的数据用绿色布局来检索。

我已经调试和它似乎工作好了： 我有两个回波，并通知了我的输出，它仅仅是一个正常的形式，在它的表行..

这里的结果结果： http://pastebin.com/AZAv6bpX

这里是我的CSS： http://pastebin.com/NATwyki6

这里是什么样子：

http://i47.tinypic.com/2ro2eeh.jpg

注意表格行在梯度停止后仍然继续。

我已经调整了表格边界，为div（结果）他们被放置。所以我100％肯定结果是我想要的。

所以基本上我：从这里引擎收录

而且这个奇怪的布局

代码。

有人能帮我吗？

Answer 1

请将您的float:left关闭，或将overflow:auto设置为您的表格。 jsfiddle link

Answer 2

因为您的表单内容设置为浮动状态，它们将从流中取出，因此您的容器不会环绕它们。

对于你的CSS的简单修复将是添加在下面;

form br { clear:both } 

，然后确保你解决最终</br>在你的形式是<br />代替。