无论如何，是否可以在 div 中创建一个 div “突破”？父 div 的宽度而不指定子元素的宽度，仅指定子元素的宽度

Question

即我有一个div，下面是一个隐藏的div，它比上面的div宽。我想指定内部的 div 具有比上面的 div 更大宽度的元素。这些元素的右侧与上面 div 的右侧对齐，但由于它更宽，因此希望左侧突出。下面的 div 与上面的 div 位于差异层上，因为它仅在单击上面的 div 的触发元素时出现。

基本上它是一个下拉列表，其中一些随机元素比上面的图像元素宽，单击时会删除该列表。但我希望下面的列表向左扩展，突破父 div，而不指定确切的位置。因此，这些元素都是父级 div 的子级，并与其右对齐，就像父级一样。

嗯嗯，希望你能关注。非常感谢任何帮助。提前致谢。

Answer 1

负利润率似乎是最好的答案。如果有人知道跨浏览器问题，请在这里发帖。也许我会但不会在一两周内对它们进行测试。

Answer 2

您可能应该只使用选择标签（为了可访问性），即使它看起来不那么花哨。 添加你的 javascript 代码来隐藏/显示列表）：

#wrapper {
    width: 500px;
}
#select {
    border: 1px solid black;
    width: 180px;
    float: right;
}
#options {
    float: right;
    clear: right;
    text-align: right;
}

但如果你已经设置好了，请尝试这样的操作（并

<div id="wrapper">
    <div id="select">pick one...</div>
    <div id="options">
        <div class="option">I'm short</div>
        <div class="option">I'm a very very very very very long option</div>
    </div>
</div>

如果你最终使用它，请将选项 div 更改为 ul 标记，将选项 div 更改为 li 标记，或者语义上更接近您正在构建的内容。在我的示例中，我只是使用 div 来减少 css 的数量。