たとえば、テキストの1行目に、「あなたの名前」入力ボックスを表示したいと思います。次にfloat: left
、テキストと入力ボックスに使用します。2行目に同じ情報を表示したい(テキスト追加テキストボックス)。2行目(テキスト追加テキストボックス)が1行目に参加しないようにするにはどうすればよいですか(私が使用しているためfloat: left
)?
<br/>
私はこの問題の最善の解決策ではないと思います。だから私は何をすべきですか?
divを挿入して、行間のフロートをクリアします
<div style="clear: left"></div>
情報がフローティング要素の横に表示されないようにするにclear
は、値をboth
またはに設定して、CSS属性を指定しますleft
。
このclear
属性は、同じ親要素内のフローティング要素の下にレンダリングする必要があることをレンダラーに通知します。
どのようにレイアウトしたいかを理解するのは難しいです。display
CSSプロパティを調べる必要があります。
これが役立つかどうかを確認してください:http://jsfiddle.net/M68Qw/