如何修复< div>的高度元件？ [英] How to fix the height of a <div> element?

问题描述

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

  .topbar {
 width：100％; 
 height：70px; 
背景颜色：＃475; 
} 
  

但是，只要将文本输入到div中，div的高度就会发生变化。

任何想法？

解决方案

更改div以显示块

  .topbar {
 display：block; 
宽度：100％; 
 height：70px; 
背景颜色：＃475; 
 overflow：scroll; 
 
 $ / code> 

我在这里做了一个jsfiddle示例，请检查



http://jsfiddle.net/TgPRM/

I've defined my div's height in a stylesheet:

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

But as soon as text is entered into the div, the divs height changes.

Any ideas?

解决方案

change the div to display block

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

i made a jsfiddle example here please check

http://jsfiddle.net/TgPRM/

这篇关于如何修复< div>的高度元件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！