2

フロートされたブロックレベルの要素をクリアするのに最適な要素は何だろうと思っていましたか?

今のところ、私は主に div または ap 要素を clear: both; とともに使用しました。適用。

どの要素が好きですか、それを行うための「ベストプラクティス」のようなものは何ですか?

4

2 に答える 2

8

本当にそれらをクリアしたい場合は、フロートをクリアしたいコンテンツのセマンティクスを最もよく表している要素を選択します。

フローティング コンテンツをすべて含むようにブロックを展開させたい場合は、(任意のタイプの) 余分な要素を追加するのが最も汚いオプションです。効果を達成するためのより良い方法がたくさんあります。私は通常overflow: hidden、コンテナーでの設定を好みますが、最適なオプションはコンテキストによって少し異なります。

実際の (空の) 要素を本当に使用したい場合は、div または as span が最適です。余分なセマンティクスはありません。

于 2009-09-11T09:04:02.970 に答える
0

次のコンテキストがあります。

<div id="sidebarWrap">
    <div id="sidebarHandle">
        <a href="#"></a>
    </div>
    <div id="sidebar">
        <h2>Category</h2>                           
    </div>
    <p class="clear"></p>
</div>

#sidebarWrap はその親の右上に絶対配置され、#sidebarHandle と #sidebar は互いに隣り合うようにフロートされます。p.clear はフローティングをクリアします。

この場合、より良い解決策はありますか？

于 2009-09-11T09:14:05.163 に答える