Ширина элемента div с абсолютной позицией зависит от ширины его родителя?

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

Div in Div

приведет к переносу слов, как показано в http://jsfiddle.net/ymgfN/2/

Похоже, что ширина внутреннего элемента div будет зависеть от ширины его родителя, даже если его позиция абсолютный. Например, если мы укажем ширину родителю, он будет работать как положено (без переноса слов): http://jsfiddle.net/ymgfN/3/

К сожалению, я не могу указать ширину родителя заранее - в конце концов у меня будет его ширина, чтобы зависеть от его детей. И я должен использовать абсолютную позицию. Возможно ли это в чистом CSS?


Немного предыстории: я не пытаюсь сделать страницу, чтобы выполнить какой-то дизайн — я знаю, что это безумие иметь три сложенные абсолютные позиции для любого разумного требования. Скорее, я провожу некоторый эксперимент, чтобы увидеть, может ли абсолютное позиционирование быть общим подходом к решению ряда проблем макета (универсальный сложный макет, который обычно требует разумного использования static/absolute/float). К сожалению, я столкнулся с этой проблемой, которая сделает идею использования абсолютной позиции везде глупой.

7
задан Tom Yeh 16 March 2012 в 07:56
поделиться