我对CSS有一个奇怪的问题。
我正在努力实现以下目标。 我可以让人们在数据库中搜索名称或引用的一部分,我想将其显示在一个框中(在这种情况下是一个易于样式化的表单)。 问题是,总框应该具有渐变绿色,但不是使用绿色布局检索整个提取的数据。
我已经调试了它似乎工作得很好: 我有回声并提醒我的输出,它只是一个表格行的普通表格..
结果如下: http://pastebin.com/AZAv6bpX
这是我的css: http://pastebin.com/NATwyki6
这是它的样子:
http://i47.tinypic.com/2ro2eeh.jpg
请注意,在渐变停止后,表格行仍在继续。
我调整了表格条目边距,因为它们被放入了div(结果)。所以我100%肯定结果是我想要的。
基本上我得到了:
来自pastebin的代码这种奇怪的布局。
有人可以帮帮我吗?
答案 0 :(得分:4)
将float:left
从桌面上移开,或在表单上设置overflow:auto
。
jsfiddle link
答案 1 :(得分:0)
因为您的表单内容设置为浮动,所以它们被从流中取出,因此您的容器不会环绕它们。
你的css的简单修复就是添加以下内容;
form br { clear:both }
然后确保将表单中的最终</br>
修改为<br />
。