表格css中的表格

时间:2012-08-28 22:38:48

标签: css forms html-table tablerow

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

我正在努力实现以下目标。 我可以让人们在数据库中搜索名称或引用的一部分,我想将其显示在一个框中(在这种情况下是一个易于样式化的表单)。 问题是,总框应该具有渐变绿色,但不是使用绿色布局检索整个提取的数据。

我已经调试了它似乎工作得很好: 我有回声并提醒我的输出,它只是一个表格行的普通表格..

结果如下: http://pastebin.com/AZAv6bpX

这是我的css: http://pastebin.com/NATwyki6

这是它的样子:

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

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

我调整了表格条目边距,因为它们被放入了div(结果)。所以我100%肯定结果是我想要的。

基本上我得到了:

来自pastebin的代码

这种奇怪的布局。

有人可以帮帮我吗?

2 个答案:

答案 0 :(得分:4)

float:left从桌面上移开,或在表单上设置overflow:autojsfiddle link

答案 1 :(得分:0)

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

你的css的简单修复就是添加以下内容;

form br { clear:both }

然后确保将表单中的最终</br>修改为<br />