-1

CSSで奇妙な問題が発生しています。

私は以下を達成しようとしています。データベースで名前または引用の一部を検索してもらうことができ、これをボックスに表示したいと思います (この場合は、スタイリングが簡単なフォーム)。問題は、合計ボックスが緑色のグラデーション色である必要がありますが、フェッチされたデータ全体が緑色のレイアウトで取得されるわけではないということです。

私はデバッグしましたが、うまく機能しているようです。出力をエコーし​​、警告しました。これは、テーブル行を含む通常の形式です..

結果は次のとおりです: pastebin.com/AZAv6bpX(壊れています)

ここに私のcssがあります:( pastebin.com/NATwyki6壊れています)

外観は次のとおりです。

グラデーションが停止した後も、テーブルの行がまだ続いていることに注意してください。

それらが配置される div (結果) のテーブル エントリ マージンを調整しました。したがって、結果が希望どおりであると 100% 確信しています。

だから基本的に私は得た:

ここのペーストビンからのコード

そしてこの変なレイアウト。

誰でも私を助けてもらえますか?

4

2 に答える 2

4

float:leftテーブルから外すかoverflow:auto、フォームにセットしてください。 jsfiddle リンク

于 2012-08-28T22:43:12.937 に答える
0

フォームの内容はフロートに設定されているため、フローから取り出され、コンテナがそれらを包み込むことはありません。

cssの簡単な修正は、以下を追加することです。

form br { clear:both }

</br>次に、フォームのファイナルを<br />代わりに修正するようにしてください。

于 2012-08-28T22:48:33.407 に答える