Qual é a lógica por trás da restrição do tamanho de um elemento se houver lugar vazio suficiente?

1. Como os elementos vazios são selecionados?
2. Qual elemento deve sempre ter um específico ou eles se expandirão para o tamanho da janela do navegador no layout da página?
3. É usado para definir o tamanho mínimo de um elemento?
4. Como faço para fazer uma div vazia ocupar espaço?

Como os elementos vazios são selecionados?

O seletor vazio corresponde a todos os elementos que não têm filhos (incluindo nós de texto).

Qual elemento deve sempre ter um específico ou eles se expandirão para o tamanho da janela do navegador no layout da página?

Os elementos do bloco com uma largura de automóvel (o padrão) sempre se expandem para preencher toda a largura disponível para eles.

É usado para definir o tamanho mínimo de um elemento?

A propriedade CSS de largura min de largura define a largura mínima de um elemento. Impede que o valor usado da propriedade de largura se torne menor que o valor especificado para a largura da min de largura .

Como faço para fazer uma div vazia ocupar espaço?

Abordagem: a solução é dar alguma altura (ou minia de altura) e largura (ou largura de min de minúsculas) ao seu HTML Div. Quando você define uma altura e largura específicas para uma div, não importa se estiver vazio ou transbordado, ele só ocupará o espaço, conforme dado no código.