html - 绝对位置的文本换行遵循父级的边缘

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%;或固定值即可解决问题。 the spec 的正常流程部分对此进行了描述.

    <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>