选择框选择其他

上面这条并排而不是一个上市的一侧是的Display two options within select box side by side 选择框选择其他

我使用JQuery的Selectric插件使用提供的插件不变默认CSS选择元素的副本。除了下拉列表从不显示另一个选项之外，所有外观都很好，只是您一直期望，但它们并排显示在一行上。即使我减小元素的宽度，他们也不会正常显示。

换句话说，它们显示如下。

选择框

选项1选项2选项3选项等

的选择是一个div是浮动范围内：离开，但无论我尝试添加的元素是什么风格，选择从不显示正常。然而，它们是正确的独立选择，具有正确的鼠标悬停效果等 - 只能并排放置，而不是其他的。

任何想法如何，我可以得到元素在标准垂直格式列出说明了什么？

谢谢。

HTML就像我建议的那样简单。

<select> 
<option value="1">Apples</option> 
<option value="2">Bananas</option> 
<option value="3">Peaches</option> 
<option value="4">Pears</option> 
</select>

含有的div是如下

<div id="page"> 
<div id="main"> 
<div id="info"> 
</div> 
</div> 
</div>

样式如下

div#page {position:absolute;left:0px;right:0px;top:110px;width:100%;} 
div#main {margin:auto;left:0px;right:0px;text-align:left;max-width:1100px;padding-left:20px;padding-right:20px;} 
div#info {float:left;width:46%;margin-left:4%}

来源

2017-07-28 RobertyBob

分享您的html –

可能的重复[在选择框中并排显示两个选项]（https://stackoverflow.com/questions/27444227/display-two-options-within-select-box-side-by-侧） –

@chirag - 不是一个真正的重复，因为这是无意的行为，而不是通过其他插件来解决，因为它是不应该排在首位 – RobertyBob

通过排除法，似乎CSS的Flex的造型为“UL”元素导致此行为。所以我猜如果你真的想要这样做，然后使用display：flex等混淆下拉选项。

来源

2017-07-31 17:09:24 RobertyBob

选择框选择其他

回答

相关问题