0

这是高度浓缩的代码：

<div style="float:left; border: 2px red solid; padding: 2px; margin: 2px;">
    <div style="width:50%; border: 2px green solid; padding: 2px;  margin: 2px;">
        <ul>
            <li>I_Would_Like_The_Outer_Div_To_Resize_To_Accomdate_This_Blob_Of_Text</li>
            <li>It's floated-ed because I'm using floating to implement a float layout.</li>
        </ul>
    </div>
</div>

这是输出。我希望扩展外部 div 的宽度，以便内部 div 包含长的文本块。这是输出：

在此处输入图像描述

编辑：

哇。我的意思是说：

外部 div 是浮动的，因为我使用浮动来实现无表的 COLUMN 布局。

4

2 回答 2

1

只需添加word-wrap:break-word，

<div style="float:left; border: 2px red solid; padding: 2px; margin: 2px;">
    <div style="width:50%; border: 2px green solid; padding: 2px;  margin: 2px;word-wrap: break-word;">
        <ul>
            <li>I_Would_Like_The_Outer_Div_To_Resize_To_Accomdate_This_Blob_Of_Text</li>
            <li>It's floated-ed because I'm using floating to implement a float layout.</li>
        </ul>
    </div>
于 2012-08-01T14:20:51.367 回答
0

尝试同时提供 DIVwidth: auto并选择设置一个min-width.

于 2012-08-01T14:41:21.533 回答