Dúvida no Ex. 7 da Aula 6 - Posicionamento de elementos

Olá Edson,

Porque no primeiro exemplo todo o bloco nav flutua a esquerda.

Já no segundo exemplo você foi mais especifico, descendo na estrutura das tags fazendo com que cada li flutue a esquerda.

Att,

Olá Edson tudo bem?

Vamos lá, o float faz o objeto flutuar na pagina é uma propriedade de posicionamento e você está aplicando o "float: left;" em ambos os blocos, porém quando está aplicando no bloco "nav" ele posiciona o bloco como inteiro e nossos li's continuam com sua propriedade preservada como padrão,

caso 1:

nav{
    float: left; 
    width: 200px;
    background-color: #C7BE9B;
 }

Quando aplicamos no bloco "nav ul li" todos os nossos li's que assumem a propriedade de posicionamento float passada,

caso 2:

nav ul li{
    float: left; 
    width: 200px;
    background-color: #C7BE9B;
 }

Então no segundo caso que está sendo aplicado o posicionamento float nos nossos li's, assim eles assumem este comportamente ficando um ao lado do outro,

Atenciosamente,