Css 绝对定位div的宽度与子对象的宽度不同

我正在使用Dropkick jquery插件来定制选择框

看起来绝对位置下拉列表总是从父列表中获取其宽度，而不是子列表项的全部宽度

我怎样才能解决这个问题

看这个

结构：

<label class="filter-lbl">
    <div class="dk_container dk_theme_default" style="display: block;">
        <a class="dk_toggle">
            <span class="dk_label">
                <nobr>status</nobr>
            </span>
        </a>
        <div class="dk_options">
            <ul class="dk_options_inner">
                <li class="dk_option_current">
                    <a>state</a>
                </li>
                <li class="">
                    <a>longerwords</a>
                </li>
                <li class="">
                    <a>longerwords</a>
                </li>
                <li class="">
                    <a>longerwords</a>
                </li>
            </ul>
        </div>
    </div>
</label>

更新：

似乎是我的过滤器lbl上的浮子造成的

这是因为my.filter lbl的内联样式

---

有解决方法吗？

您的dk选项类不需要是绝对的，除非您正在查找溢出，否则绝对将忽略任何其他内容

在你的CSS中试试这个

.dk_options {
  /*display: none;*/
  margin-top: -1px;
  position: relative;
  right: 0;
  width:auto;
}

---

这将确保包装的宽度正确

就这样！谢谢你的快速帮助！