Wie lässt sich die Höhe eines <div>-Elements festlegen?

Question

Ich habe die Höhe meines Divs in einem Stylesheet definiert:

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

Sobald jedoch Text in das div eingegeben wird, ändert sich die Höhe des divs.

Irgendwelche Ideen?

Answer 1

Das div in einen Anzeigeblock ändern

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

ich habe ein jsfiddle Beispiel hier gemacht, bitte überprüfen Sie es

http://jsfiddle.net/TgPRM/

Answer 2

Wenn Sie die Höhe des DIV absolut halten möchten, unabhängig von der Textmenge darin, verwenden Sie Folgendes:

overflow: hidden;

Answer 3

Sie können auch min-height und max-height verwenden. Das war sehr nützlich für mich

Answer 4

Ich denke, Höhe und Überlauf sollten funktionieren, wie Höhe 70px oder je nach Bedarf. Und Überlauf könnte Auto wie diese sein:

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

Hinweis: Überlauf mit Bildlauf zeigt den Bereich der Bildlaufleiste entweder seine sichtbar oder nicht ich denke.

Answer 5

Sie können versuchen, max-height: 70px; Sehen Sie, ob das funktioniert.