CSS-шкафы с неупорядоченным номером

Question

Итак, я читаю CSS spec на сайте W3, и я натолкнулся на использование слова «не позиционируемое», которое мне трудно изображать. См. Ниже использование.

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

Мой вопрос/АРЕ,

, что не является позиционированным боксом в контексте CSS? Является ли это коробкой в ​​нормальном потоке? Или ящик, который явно не задал позицию свойства стиля? Что означает первый абзац?

Я имею в виду, что спецификация. подразумевали под

«текущие и последующие строки ящиков, созданные рядом с поплавком укорачивается, чтобы освободить место для маржинальной коробки перемещаемой коробки»

когда плавал-бокс OUT-OF-FLOW?

Заранее благодарим за ваш ответ.

Answer 1

Три абзаца выше того, что вы указываете, в нем говорится: «Ниже приводится введение в позиционирование и поток контента, а точные правила, регулирующие поведение float, приведены в описании свойства« float ».

Так что стоит отметить, что язык, используемый в цитате, не так точен, как обычно в спецификации CSS.

Что представляет собой неположенное поле в контексте CSS?

Здесь это означает, коробку элемента которого position свойство имеет значение static То есть, это всегда верно для position:static элементов. Тем не менее, цитата не означает, что это всегда false для ящиков с другими значениями position.

Является ли это коробкой в ​​нормальном потоке?

Это похоже. Нормальный поток содержит поля, которые являются position:static и position:relative и которые не являются плавающими элементами.

Или ящик, который не имеет свойства стиля, явно установленного?

Не обязательно. Элементами являются position:static по умолчанию, но может быть явно установлен на static.

какая спецификация.подразумевал под

«текущие и последующие строки ящиков, созданных рядом с поплавком укорачивается, чтобы потесниться для маржинальной коробки перемещаемой коробки»

В (скажу) сОн элемента, то текст выкладывается как стек линейных ящиков. Если есть предыдущий float, элемент <div> будет «отставать» от поплавка. Вы можете видеть это, например, уменьшая непрозрачность поплавка и помещая фоновый цвет в div. Но текст не пойдет за поплавок, потому что текст идет в строках, а в строках исключается float. См. Это jsfiddle.