html - 如何让 child UL 来到 parent UL 之外

Question

标题中解释的行为问题是可以理解的，但我需要一个解决方法。

我在 JSfiddle 中做了一个例子:http://jsfiddle.net/TBXr4/2/

看到第一个 LI 我有几句话。他们没有像我需要的那样排队，但他们被列在名单上。我该如何解决这个问题？

让我说得更具体一点，我不想手动设置子 UL 的宽度，事实上我不想设置一个。我需要一种方法，以便父 UL 设置宽度，而子 UL 将是继承文本的最小可能宽度。

Answer 1

您可以只设置 li 元素的 white-space 属性:

li {
    /* other stuff */
    white-space: nowrap;
}

JS Fiddle demo .

问题在于，虽然文本在父级 ul 的分配宽度之外可见，但 li 的样式(它是 background -color/background-image) 不会继续。

引用资料:

• CSS white-space property .