0

Estou construindo um layout onde há uma barra no alto da tela que toca de um lado a outro. Usei a propriedade witdh:100%;, porém não obtive um resultado satisfatório. O corpo da página está cobrindo a tela inteira, mas tanto essa barra de cima quanto a que se encontra no final da página não estão realmente em 100%, ambas deixam um espaço em branco, como posso resolver?

como nesta foto

2
  • 1
    Coloque na pergunta o CSS que tá usando. Se está 100% era pra tocar de um lado ao outro.
    – Sam
    9/09/2017 às 16:24
  • provavelmente está faltando apenas um clearfix no em seu elemento. 12/09/2017 às 17:42

1 Resposta 1

1

utilize um reset css como por exemplo:

* {
    border: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

Ou voce pode so setar a margin da barra pra 0 e o padding do body pra 0.

4
  • Vlw amigo, resolveu meu problema 9/09/2017 às 19:41
  • Que bom que você gostou das respostas! Mas a melhor forma de agradecer a quem te ajudou é assinalando "aceite" na melhor resposta e votando em todas que te ajudaram. Assim você garante que quem escreveu a resposta receba algo em troca, além de tornar o site mais limpo e útil para todo mundo. Adicionar uma nova resposta assim (que não é uma resposta pra pergunta e deve ser removida) deixa o site mais confuso e pode atrapalhar. 12/09/2017 às 18:10
  • @RenatoJunior O que esse * faz precisamente?
    – yoyo
    10/08/2020 às 19:51
  • * seleciona todos os elementos da página 11/08/2020 às 20:02

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .