Comment fixer la hauteur d'un élément <div> ?

Question

J'ai défini la hauteur de ma div dans une feuille de style :

.topbar{
  width:100%;
  height:70px;
  background-color:#475;
}

Mais dès qu'un texte est saisi dans la div, la hauteur de la div change.

Des idées ?

Answer 1

Changer la div en bloc d'affichage

.topbar{
    display:block;
    width:100%;
    height:70px;
    background-color:#475;
    overflow:scroll;
    }

J'ai fait un exemple de jsfiddle ici.

http://jsfiddle.net/TgPRM/

Answer 2

Si vous souhaitez que la hauteur du DIV reste absolue, quelle que soit la quantité de texte qu'il contient, procédez comme suit :

overflow: hidden;

Answer 3

Vous pouvez également utiliser la hauteur minimale et la hauteur maximale. Cela m'a été très utile

Answer 4

Je pense que la hauteur et le débordement devraient fonctionner, comme la hauteur 70px ou selon les besoins. Et le débordement pourrait être auto comme ceci :

.topbar{
  width:100%;
  height:70px;
  background-color:#475;
  overflow: auto;
}

Note : overflow with scroll affichera la zone de la barre de défilement qu'elle soit visible ou non je pense.

Answer 5

Vous pouvez essayer max-height : 70px ; Voir si cela fonctionne.