如何修复<div>元素的高度？

Question

我在样式表中定义了div的高度:

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

但是只要将文本输入div,div就会改变高度.

有任何想法吗？

Answer 1

将div更改为显示块

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

我在这里做了一个jsfiddle例子,请检查

http://jsfiddle.net/TgPRM/

Answer 2

如果要保持DIV的高度绝对,无论内部文本量如何,请使用以下内容:

overflow: hidden;

Answer 3

您还可以使用最小高度和最大高度.这个对我很有帮助