Вопрос по CSS всплыл дочерний div

Question

Я играл с плавающим примером div, где у меня есть плавающий контейнер и несколько плавающих дочерних div'ов, кроме одного не плавающего потомка

Пример можно увидеть на;

http://jsfiddle.net/emeRJ/7/

Теперь я хотел понять поведение или рендеринг для этого невыпущенного дочернего элемента div ...

2 вопроса:

1. Не могли бы выпожалуйста, объясните, как он отображается в настоящее время и какая разница, если он будет закодирован после всех дочерних элементов div (т. е. это последний дочерний элемент)

2. Также это повлияет нанеплавающий дочерний элемент, если я сделаю контейнер переполненным: скрытый?

Answer 1

Ответ 1

В данный момент на неплотном div прямо вверху с красной рамкой отображается block, поэтому он охватывает всю ширину своего содержимого div.На него не влияет другой divs в содержащем элементе

Если переместить его на последнюю позицию в содержащем div, то другое всплывающее divs действительно повлияет на не всплывающее, поэтому вам нужноclear: both; (который очищает поплавок и помещает невыпущенный div под всплывающим divs) с помощью CSS, в противном случае любой текст, содержащийся в непоплаванном, будет перемещен влево, а затем перейдет кОбтекание плавающих элементов (в данный момент этого не происходит, потому что текст недостаточно длинный).Разве это то, что вы пытаетесь достичь?

Ответ 2

Это не должно иметь никакого значения, поскольку на самом деле ничто не переполняет содержащее div, которое будет установлено на overflow: hidden;

Надеюсь, это поможет