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

HelloMatějŠtágl问题在于默认情况下select是一个内联块。只需使其成为一个块元素并将其宽度设为100％，它就会响应。以下代码将帮助您。

    select{
     display : block;
     width : 100%
    }

响应式选择框

1 个答案: