Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Dúvida na classe .blog .inicio-post no exemplo de resposta

Minha dúvida está nesse trecho de código providenciado pelo instrutor:

.blog .inicio-post {
    position: absolute;
    top: 4em;
    height: 8em;
    left: 30%;
    right: 4em;
    background-color: #F2FFFC;
    color: #000;
    padding: 1.5em;
}

Por que foram determinados os valores:

left: 30%; right: 4em;

Mas testando no meu código, o que prevalece é a determinação do left. Adicionar a definição do right junto da definição do left não fez nenhuma diferença aparente.

Se excluído o left, então a caixa se move um pouco para a direita.

A determinação de valores usando % tem prevalência sobre a definição usando em?

E por que foram determinados os 2 valores, já que apenas um seria o suficiente, aparentemente? Tem alguma diferença semântica?

2 respostas
solução!

Que eu saiba, no css nao tem precedencia de unidades de referência(%,px,REM,em).

Bem, left 30% significa q ele ira ficar a essa distancia do canto esquerdo do elemento pai, ja o 4em significa que o elemento ficaria a essa distancia a direita do elemento pai; se vc nao tem um width definido isso pode determinar de maneira indireta o tamanho do elemento.

Obrigado, Renan Duarte!