Как исправить высоту элемента <div>?

Я определил свою высоту div в таблице стилей:

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

Но как только текст вводится в div, высота divs изменяется.

Любые идеи?

Ответы

Ответ 1

измените div на отображаемый блок

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

i сделал пример jsfiddle, пожалуйста, проверьте

http://jsfiddle.net/TgPRM/

Ответ 2

Если вы хотите, чтобы высота DIV была абсолютной, независимо от объема текста внутри, используйте следующее:

overflow: hidden;

Ответ 3

Вы также можете использовать min-height и max-height. Это было очень полезно для меня

Ответ 4

Вы можете попробовать max-height: 70px; Посмотрите, работает ли это.