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

Question

Я играл с примером с плавающим 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;

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