如何让孩子UL来到父母的外面UL

标题中解释的行为问题是可以理解的，但我需要一种解决方法。如何让孩子UL来到父母的外面UL

我做出的jsfiddle一个例子：在第一李我有两句话http://jsfiddle.net/TBXr4/2/

见。他们没有像我需要他们排队，但他们正在上市。我如何解决这个问题？

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

显示你有一个宽度设定，以及溢出可见，究竟你从这个预期之外的哪些是实际发生的基础上呢？ –

我需要孩子去父母之外，而不是父母与孩子一起调整。 –

你可以只设置li元素的white-space属性：

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

这样做的问题是，虽然该文本将是父的外部可见的分配宽度ul年代，li（这是background-color/background-image）的风格将无法继续使用。

参考文献：

2012-06-06 23:00:04

+1 - 我认为这涵盖了OP要求的内容。 – Wex

起初我跳过答案，认为它会导致背景问题，但使用这个理论，我得到它的工作。谢谢！ –

你绝对受欢迎;我很高兴得到了一些帮助！ =） –

为什么文本不在一行显示句子的原因是因为您已设置li的宽度，请删除style="width:35px"。

2012-06-06 13:42:50 Llewellyn1411

是的，我明白了。我试图实现的是父母的宽度保持不变，同时孩子离开它。 –

我想你想这只。

2012-06-07 10:35:04

为什么要指定一个宽度以确定元素（UL），而不希望遵守它？

应用宽度设置到主列表，并指定新的宽度与子列表为this jsfiddle example

2012-06-07 13:25:59 dstibbe

回答