标题中解释的行为问题是可以理解的，但我需要一个解决方法。
我在JSfiddle中做了一个例子:http://jsfiddle.net/TBXr4/2/
请参阅第一个 LI，我有几句话。他们没有像我需要的那样排队，但他们正在被列出。我该如何解决这个问题？
让我说得更具体一点，我不想手动设置子 UL 的宽度，事实上我不想设置它。我需要一种方法，以便父 UL 设置宽度，而子 UL 将是继承文本的最小可能宽度。
最佳答案
您只需设置 li 元素的 white-space 属性即可:
li {
/* other stuff */
white-space: nowrap;
}
这样做的问题是，虽然文本在父 ul 指定的宽度之外可见，但 li 的样式(它是 background -color/background-image)不会保留。
引用文献:
关于html - 如何让子 UL 脱离父 UL，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10691119/