Solucionado
Segui um caminho diferente e fui tentar fazer as caixas usando
. Depois de muito tentar e não conseguir, acabei olhando a ajuda e fazendo com oHTML: http://puu.sh/jFTIo/7510568e34.png
CSS: http://puu.sh/jFTK1/9164cf4e20.png
Qual a razão para a div obedecer o estilo width: 250 quando está fora da tag main, mas não dentro?
Obrigado
Tem como vc postar o CSS completo? Principalmente na classe 'conteudo'. Se tivermos propriedades como display:flex no pai e flex-grow nos filhos a width acabaria por ser ignorada mesmo.
Existe algum selector como esse?
.conteudo * {
flex-grow: n;
// n é um número;
}Abraços!
Olá Yuri, obrigado pela ajuda.
Seguem os links para os fontes:
HTML: http://jsfiddle.net/987tp0ra/
site.css: https://jsfiddle.net/L7yp6zcu/1/
portfolio.css: https://jsfiddle.net/c32r9cuh/
Oi Valdenir, queria pedir desculpas pela demora, estava corrido por aqui!
Então, agora ficou claro o que está acontecendo.
Vc tem os seguintes seletores que importam pro caso, são eles:
.TesteSize {
border: 10px solid black;
width: 250px;
}
.conteudo div {
width: 720px;
margin-left: auto;
margin-right: auto;
}O .TesteSize se aplica ao primeiro div, no caso a que ficou pequena, agora, na segunda div que ficou grande, o que acontece é que o seletor
.conteudo div {
}Tem mais especificidade do que o .TesteSize {}, por isso ele o sobrescreve!
Lembra das contas que fazemos?
Classe = 10 pontos Tag = 1 ponto ID = 100 pontos Ou seja
.conteudo div {
// 11 pontos
// pois é classe + tag
}
.TesteSize {
// 10 pontos
// pois é apenas a classe
}Deu pra entender? Fez sentido?
Qualquer dúvida me dá um toque, abração, desculpea demora de novo e bons estudos!!
Olá Yuri, obrigado pela resposta.
Quanto à demora, não há nenhum problema!
Não sabia que os seletores possuíam pesos diferentes, fez todo sentido e muda tudo saber que pergunta fazer, já achei vários sites explicando essa característica :)
Grande abraço