html - 「クリア：両方」に使用するのに最も適したHTML5要素は何ですか。目的は？

Question

私は持っています：

<section>
    <ul>
        <li>....</li>
        <li>....</li>
        <li>....</li>
        ..
    </ul>
</section>

<li>を左にフローティングさせたいのですが、これらの最後<li>、直後に、ブロックの整合性を維持するために</ul>要素を配置する必要があります。clear: both;section

この目的に最も適したhtml5要素はどれですか？私は目に見えないものに行くべきhrですか？div？_

ありがとうございました。

Answer 1

なしoverflow: hidden、必要に応じてトリックを使用します。

それが適切でない場合は、疑似要素を使用してください。たとえば、次のように使用できます...

ul:after { 
    content: "";
    clear: both;
    display: block;
} 

Answer 2

これには.clearfixメソッドを使用できます。このように書いてください：

ul:after{
 content:'';
 display:block;
 clear:both;
}