css - 表格内的表格 css

标签 css forms html-table tablerow

我在使用 CSS 时遇到了一个奇怪的问题。

我正在努力实现以下目标。 我可以让人们在数据库中搜索名称或引述的一部分,我想将其显示到一个框中(在本例中是一个表单,很容易设置样式)。 问题是,整个框应该有一个渐变的绿色,但不是整个获取的数据都是用绿色布局检索的。

我已经调试过了,它似乎工作得很好: 我有 echo 和 alerted 我的输出,它只是一个普通的表格,里面有表格行..

结果如下: pastebin.com/AZAv6bpX(损坏)

这是我的CSS: pastebin.com/NATwyki6(损坏)

这是它的样子:

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

我已经针对放置它们的 div(结果)调整了表格条目边距。所以我 100% 确定结果是我想要的。

所以基本上我得到了:

来自 pastebin 的代码

还有这个奇怪的布局。

有人能帮帮我吗?

最佳答案

要么将你的 float:left 从你的 table 上移开,要么在你的表单上设置 overflow:autojsfiddle link

关于css - 表格内的表格 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12168524/

相关文章:

html - 如何提高 Firefox 中动态 HTML 表格创建的速度?

PHP/HTML 表单提交

php laravel 表单设计不起作用

javascript - 尝试使用自定义 header 访问网页时,Android webview 不加载 css 和 javascript

html - MAIL 模板的内联 CSS

Django添加/删除表单无需多次提交

html - 为什么我不能在这个页面上设置第二行第一列的宽度?

javascript - 如何使用 Javascript 删除表格行

html - HTML 表格,有 2 列;第一列是7行,第二列是1行

html - Bootstrap 3 中缩略图列的高度相同