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