表格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 />代替。