Отзывчивый выбор

Question

Я использую https://unsemantic.com/, есть базовый макет:

<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

Здравствуйте, Matěj Štágl, проблема в том, что выборка является встроенным блоком по умолчанию. Просто сделайте его блочным элементом и сделайте его ширину 100%, и он будет отзывчивым. Следующий код поможет вам.

    select{
     display : block;
     width : 100%
    }