Обтекание текста в абсолютной позиции после края родителя

Question

Я не могу найти это в спецификациях.

Когда я позиционирую элемент с помощью absolute, тогда текст внутри элемента заставляет элемент расширяться только до края позиционируемого родителя, куда затем переносится текст (в Firefox 5).

Это означает, что если я расположу что-нибудь за правым краем его родителя, мой текст будет переноситься после каждого слова.

Может кто-нибудь указать мне, где это описано?

Answer 1

    <style type="text/css">
    #relative 
        {
        margin: 0 auto;
        background: #ccc;
        width: 100px;
        height: 100px;
        position: relative
        }

    #relative > div 
        {
        background: #f0f;
        position: absolute;
        top: 0;
        left: 150px;
        }
    </style>
    <!--...-->
    <div id="relative">
        <div>text text text</div>
    </div>

Установите абсолютный позиционный div на width: 100%; или фиксированное значение для решения проблемы.Это описано в normal flow разделе спецификации .

    <style type="text/css">
    #relative 
        {
        margin: 0 auto;
        background: #ccc;
        width: 100px;
        height: 100px;
        position: relative
        }

    #relative > div 
        {
        background: #f0f;
        position: absolute;
        top: 0;
        left: 150px;
        width: 100%;
        }
    </style>
    <!--...-->
    <div id="relative">
        <div>text text text</div>
    </div>