响应式选择框

Question

我使用的是unsemantic.css，有一个基本布局：

<div class="grid-container">
<div class="grid-65">
Some content here
</div>
<div class="grid-35">
<select>
<option value="0">First option</option>
<option value="1">Second</option>
</select>
</div>
</div>

我希望选择框的宽度等于其父div(网格行的35%(。此元素的默认宽度由其选项的长度决定。

尝试：

select {
width: 100%;
}

但这并没有产生任何影响。当我将宽度设置为某个特定值(500像素(时，它运行良好，但没有响应。

Answer 1

Hello MatŞjŠtágl问题是，默认情况下，select是一个内联块。只需使其成为块元素，并使其宽度为100%，它就会做出响应。以下代码将帮助您。

select{
display : block;
width : 100%
}