jquery - 包含 div 继承具有绝对位置的内部列表的宽度

Question

我正在尝试找到一种方法，让包含的 div 调整为具有绝对位置的列表的宽度。这可能吗？我正在尝试用纯 css 来做到这一点。

<div class="list">
    <span id="nav">menu</span>
    <ol class="select">
        <li data-value="en">some text here</li>
       <li data-value="de">some text here</li>
    </ol>
</div>
<div>
text here
</div>

我基本上希望它像表单中的选择列表一样执行，其中包含的 div 调整为 OL 的宽度，并在发生下拉菜单时覆盖下面的文本。代码在这里http://jsfiddle.net/rBXRT/168/

Answer 1

我认为这不适用于 CSS，但使用 jQuery，您可以简单地添加以下行:

$(".list").css({width: $(".select").outerWidth()});

fiddle :http://jsfiddle.net/rBXRT/169/