Как указать верный путь css id пусть до слектора?

Question

[Tereverda]

Рабочий вариант кода

<style>
        html, body, #map {
            width: 100%; 
			height: 100%; 
			padding: 0; 
			margin: 0;
        }
    </style>

<div id="map"></div>

Когда див перемещаю внутри обертки с тегом select, все слетает, почему стили работают только по абсолютному пути?
Почему не получается задать стили просто по решетке?

Хотелось бы сделать так

<section>
  <div class="container">
    <div id="map"></div>
  </div>
</section>