<br/> против <div /> при расчистке

Question

Какая разница

<br style="clear:both;"/>

против

<div style="clear:both;"/>

??

Также я подумал

<div style="clear:both;"/> 

- хороший способ очистки, но

<div style="clear:both;"> </div>

правильный путь?

Answer 1

Это то, что я всегда использую:

<style type="text/css">
.clearing {
height: 0;
line-height: 0;
font-size: 0;
clear: both;
overflow:hidden;
}
</style>

А где мне нужна очистка:

<div class="clearing"></div>

Вас также могут заинтересовать самоочищающиеся контейнеры: http://www.positioniseverything.net/easyclearing.html

РЕДАКТИРОВАТЬ : добавлено «переполнение: скрыто» в соответствии с предложением от другого автора плаката.

Answer 2

Если вы пишете (действительный) XHTML, вам не нужно использовать закрывающий тег, но самозакрывающиеся теги div не работают во всех браузерах, поэтому вы все равно должны его использовать. т.е. твой пример:

`<div style="clear:both;"> </div>`

Это действительный XHTML (см. html против xhtml ), но он не работает во всех браузерах, поэтому вам следует придерживаться приведенного выше:

<div style="clear:both;" />

также, за то, что стоит, тег <br> не рекомендуется в пользу тега <line> (см. Запись w3.org для тега <br/> )