Html 什么是限制元素的宽度？

我创建了一个带有jQuery的水平CSS/HTML菜单，如果父菜单不够宽，不能将所有内容都放在一行中，可以将元素移动到下拉菜单中。当元素移动到

#下拉列表中时

生成的

似乎有宽度限制，我不明白它在做什么

---

在小提琴的第7行，您正在动态创建一个

，其中包含不适合您菜单的菜单项。这是因为

的宽度对于文本来说太小了，这使得文本有多行。如果您将该菜单的样式设置为

空白：nowrap

，它将使

占据所需的宽度。下面的代码是内联的，但它只是一个示例

var dropDownHTML=“
”；

为ul添加宽度或添加

空白：nowrap到它。因为这是一个绝对定位的元素，所以如果不告诉它，它不知道应该占用多少空间。在这个问题上，请。我会把一些代码，但我真的不知道我的代码粘贴哪一部分！因此使用小提琴。我意识到这并不理想。这就解决了问题，谢谢。我不明白的是为什么它选择了它的宽度？我认为@drip是正确的。因为它是一个绝对定位的元素，所以它将只占用所需的宽度。通过简单地看一下你的小提琴，我发现ul总是足够宽，可以容纳菜单上最长的单词，而不会让它溢出。很棒的地方。我对单词的长度做过调整，你是对的
var dropDownHTML = "<li id='dropdown'><a href='#'>Menu</a><ul style='white-space:nowrap;'></ul></li>";