Eu estou trabalhando em um projeto, que o meu menu lateral tem 300px e o meu content
tem 100% relativo com o meu menu.
Eu aplico o seguinte estilo:
header {
position: fixed;
top: 0;
left: 0;
width: 300px;
height: 100%;
}
.content {
position: absolute;
top: 0;
left: 300px; /* Para que fique ao lado do menu */
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
Porém quando eu aplico isso ao site, a classe content
fica maior, e aparece o scroll para visualizar o resto. Eu quero que o content
fique 100%, mas relativo com o menu de 300px.
Segue o link, para vocês verem: http://codepen.io/anon/pen/lwLHJ
{}
do editor para formatá-los adequadamente? Obrigado!.content
da largura da janela e movendo ele para direita 300 pixels. Você deveria procurar alguns livros sobre HTML + CSS para estudar primeiro, pois você não tem a menor idéia do que esta fazendo.