为什么这个盒子不会变宽?

如果我理解正确。。。

浮动容器(即。, #parent )将适合其内容,默认为 width: auto . 内容将在可能的情况下断线,以防止宽度不断增加。

white-space: nowrap .

就整体内容而言:

.advanced {
    /* ... */
    white-space: nowrap;
}

.line {
    white-space: nowrap;
}

label / select

<div class="line">
    <label>Show:</label>
    <select name="showAll">
        <option value="true">My Team</option>
        <option value="false">Mine Only</option>
    </select>
</div>

你试过预贴标签吗

<pre>text goes here</pre>

这将导致仅在插入 <br />

div#parent 有 position: relative; . 尝试删除该声明。在我的环境中,这会导致div根据需要扩展。