css - 表格内的表格 css

Question

我对 CSS 有一个奇怪的问题。

我正在努力实现以下目标。我可以让人们在数据库中搜索名称或引用的一部分，我想将其显示在一个框中（在本例中是一个易于样式化的表单）。问题是，总的盒子应该有一个渐变的绿色，但不是整个获取的数据都是用绿色布局检索的。

我已经调试过，它似乎工作得很好：我有 echo 和 alerted 我的输出，它只是一个正常的表格，里面有表格行..

这是结果结果：（ pastebin.com/AZAv6bpX坏了）

这是我的CSS：（ pastebin.com/NATwyki6坏了）

这是它的样子：

请注意，在渐变停止后，表格行仍在继续。

我已经调整了表格条目边距，用于放置它们的 div（结果）。所以我 100% 确定结果是我想要的。

所以基本上我得到了：

来自pastebin的代码here

还有这个奇怪的布局。

有人可以帮我吗？

Answer 1

要么把你从桌子上拿下float:left来，要么overflow:auto放在你的表格上。 jsfiddle链接

Answer 2

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

对您的 css 的简单修复是添加以下内容；

form br { clear:both }

然后确保您</br>将表单中的 final 修复为<br />。