Melhor elemento para limpar carros alegóricos em CSS? [fechadas]

Question

Eu queria saber qual é o melhor elemento para compensação flutuou elementos nível de bloco seria?

Por enquanto, eu principalmente usado um div ou um elemento p com clear: both; aplicada.

Que elementos você prefere, ou o que é algo como o "melhor prática" para fazer isso?

Answer 1

Se você realmente quer apenas para limpá-las, então qualquer elemento que melhor descreve a semântica do conteúdo que você deseja limpar o flutuador.

Se você quiser causar um bloco de expandir para conter todo o conteúdo flutuante que de, em seguida, adicionando um elemento extra (de qualquer tipo) é a opção mais suja. Há um todo monte de melhores formas de alcançar o efeito . Eu geralmente favorecem a criação overflow: hidden no recipiente, mas a melhor opção varia um pouco com o contexto.

Se você realmente quiser usar um elemento real (vazio), então ou uma div ou como extensão é melhor -. Eles não vêm com a semântica extras

Answer 2

Eu tenho o seguinte contexto:

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

Onde #sidebarWrap está posicionado de forma absoluta ao topo direito do mesmo pai, e #sidebarHandle e #sidebar estão flutuando para ser ao lado do outro. o p.clear limpa o flutuante.

Neste caso, haveria uma solução melhor?