Como centralizar um menu (div) fixo?

Stack Overflow em Português Asked by the witcher0 on January 2, 2022

O menu deve ser fixo e por isso usei o position: fixed;. Quando uso o margin: auto, que é para centralizar uma div, não funciona…

#menubarra {
  position: fixed;
  height: 50px;
  width: 80%;
  background-color: #cccccc;
  border-radius: 5px;
}

<div id="menubarra"></div>

css html

One Answer

Fixed fica relativo ao viewport, então vc tb tem que declarar um left e right para o elemento

#menubarra {
  position: fixed;
  height: 50px;
  width: 80%;
  background-color: #cccccc;
  border-radius: 5px;
  
  margin: auto;
  left: 0;
  right: 0;
}

<div id="menubarra"></div>

Answered by hugocsl on January 2, 2022

Como centralizar um menu (div) fixo?

One Answer

Add your own answers!

Related Questions

Autocomplete não mostra resultados no input na View

Qual a diferença entre a exceção MySQL Trigger e MySQL Event?

Por que dizem que o $_GET no PHP é inseguro contra sql injection?

Angular NG-FOR e NG-IF

Gostaria de fazer uma consulta relacional com sequelize do tipo right join

Persistir objeto em CRUD JSF + CDI + JPA

Como carregar valores inteiros de um arquivo txt? – Python

CSS: Posicionamento header e body

Soma de 3 matrizes em uma nova matriz

Como faço para retornar para “double” do df original?

Qual a melhor forma de se construir uma tabela MySQL com itens de receitas? Todos ingredientes em uma linha ou um ingrediente por linha?

Git fazer comits de código instavel é má prática?

Como setar valores únicos aceitáveis para uma propriedade Enum em uma classe Serializable?

Scanner não funcionando

Retorno Valor ID C# NpgsqlCommand

Como alinhar corretamente uma galeria de itens com flexbox?

Recarregar Node_Modules no Angular

Faixa de números aleatórios em C

fadeToggle() não funciona corretamente

Problema com Datatables em Laravel 5.2

Ask a Question