Почему свойство float css изменяет размер div?

Question

Учитывая следующий стиль:

#myDiv{
  background:orange;
  width:250px;
}

и следующий HTML-код:

<div id="myDiv">
    <p>
        Vote Pirates!<br />
    </p>
</div>

Почему именно изменит размер div, когда я добавлю свойство float:left в стиль myDiv?

Редактировать: Оказывается, это проблема браузера или, что еще хуже, проблема, связанная с операционной системой.

Answer 1

Это похоже на вероятный ответ: Плавающая коробка извлекается из потока, поэтому она не влияет на блоки уровня блока вокруг нее.

Поднято с этой страницы на сайте.

Кроме того, вы можете испытывать определенные функции браузера (ошибки?). Вы используете IE 6.0?

Answer 2

Размер вашего текущего примера не изменится.

Однако элементы с относительными единицами изменятся.Свойство float удаляет элемент из текущего контекста, что может привести к разной высоте / ширине.