私はCSSでフォームのスタイルをヘルプ

http://jsfiddle.net/R9ejR/私はCSSでフォームのスタイルをヘルプ

私はサイドバイサイドを表示するheight、weight、physique、などのようないくつかのフィールドを表示したいので、私はシンプルなCSS showOnSideを書いただけでfloat:left内容はありますが、formelementの後にこのクラスを追加すると、要素はクリッキングできなくなります。何か案は？その後、これを削除し、相対：

出典

2010-12-31 Bluemagica

jsfiddleのどの要素も 'showOnSide'クラスを持っていません。私たちに非稼働のケースを構築させる代わりに、動作していない例を与えてください。 – cdhowie

http://jsfiddle.net/R9ejR/3/ – Bluemagica

のように、単一のスペースで分離されなければなりません。（マウスに感謝する）。それ以外の場合は

：jsFiddleで

ソリューション： Solution with clear and floats

浮い1があなたの入力要素の上に座っていた後にそれを説明するのは難しいが、あなたのli要素です。今はフローティングが期待通りに機能します。浮動小数点の下にShowOnSideを付けずにリスト項目を強制するには、クリアが必要です。

出典

2010-12-31 08:52:29

問題を解決してくれてありがとうございます。 – Bluemagica

実際には間違っているので、説明するのは難しいです。まず、アイテムを二重にクリアしています（一度、それ以降は：after）。第2に、 '.showOnSide'だけが全て' form li'ではなく 'position：relative'を持つべきです。 – maus

クラスを使用すると、位置を必要としない場合はli class="form_element showOnSide"

出典

2010-12-31 08:30:02 maus

ええ、私はそれをしましたが、 'showOnSide'を追加してから要素をクリックすることはできません。 'height'入力ボックスをクリックしてみてください。http://jsfiddle.net/R9ejR/3/ – Bluemagica

' 'form li'の' 'position：relative; ''をドロップしてください – maus

私はCSSでフォームのスタイルをヘルプ

答えて

関連する問題