Css 水平浮动容器内的绝对定位元件？

我想水平放置一些文本以及两个下拉菜单，如：

Text One : | I'm a dropdown | Text Two: | I'm a second dropdown | 与CSS一样：

包装器>div{ 浮动：左； } 包装器>分区下拉列表{ 位置：相对位置； } 包装器>div>ul{ 位置：绝对位置； 宽度：100%； } 结果是纯文本div元素“text One”和“text Two”浮动良好，但相对定位的元素没有保持适当的宽度，绝对定位的ul元素彼此重叠，即所有元素都向左挤压

a这个问题能解决吗

b这是错误的方法吗？是否有更好的方法，如使用display:inline block？

进行了一些增强

这是第一个

你需要所有的内容都是相对的，而不是绝对的；

---

在我的例子中，OnClick使用JavaScript jQuery克隆UL，并在原始位置显示它。剩下的取决于您。

我最终通过使用内联块outter div解决了这个问题，将每个绝对定位的ul放置在一个相对div包装中，如下所示：

经过深思熟虑，我没有很好地问这个问题，所以我为那些花时间回答的人道歉