Расположенный абсолютный элемент внутри гибкой коробки макета - PullRequest
1 голос
/ 31 июля 2011

Я успешно использую гибкий макет коробки, но мне нужно поместить элемент, расположенный абсолютно внутри одного из блоков.

Я прочитал http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/#flex и, в частности: Гибкость применяется только к элементам в нормальном потоке. Поскольку элементы с абсолютным и фиксированным позиционированием не находятся в потоке, любая указанная на них гибкость или гибкая группа игнорируется.

Специальное использование - встраивание Google Maps, в которых DIVs расположены абсолютно и более или менее вне моего контроля. Конечным результатом является то, что DIV становится позиционированным относительно первого элемента, не являющегося блоком, который содержит мою гибкую структуру блока вместо элемента блока, в который я его вставил. Я предполагаю, что это потому, что это был последний элемент с реальной позицией .

Я понимаю, почему это происходит, но кто-нибудь знает обходной путь, чтобы поместить абсолютно позиционированные элементы в элемент гибкого блока так, чтобы положение абсолютно позиционированного элемента было относительно элемента гибкого блока. Я думаю, что это имеет смысл.

О.

1 Ответ

2 голосов
/ 09 августа 2011

Я думаю, что единственным обходным приемом является использование <iframe> - его можно позиционировать с помощью гибкого макета блока, а его содержимое (Google Maps) использует абсолютное позиционирование.

...