个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
24
4
在我的元素中，我有以下标记:
<div class="foo">
<div class="bar">
<select>
<option>Very looooooooooooooooooooong value</option>
<option>Some</option>
<option>other</option>
<option>value</option>
</select>
</div>
</div>
应用了以下 CSS 样式:
.foo, .bar {
position: absolute;
}
.foo .bar select {
min-width: 100px;
}
我的意图是 <select>至少占用其内容的大小。
在 Firefox 上，它可以工作。在 Chrome 上，它不会。
如果我删除两个 absolute 之一封闭上的定位样式 <div>它有效。
这看起来像一个 Chrome 错误，但我不能确定。
在我的例子中，两个 parent 必须有absolute不幸的是，定位所以删除它不是一种选择。您知道任何解决方法吗？
演示该问题的 jsfiddle 是 here .
最佳答案
将 min-width 设置为自动。我在 Chrome 上测试了你的 fiddle ，它工作正常。
关于html - 如何让 <select> 获取其内容的大小？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12212494/
24
4
0
我是一名优秀的程序员,十分优秀！