Div 高度不会在附加任何元素时增加

Div height is not increasing on appending any element

本文关键字:任何 元素 增加 高度 Div      更新时间:2023-09-26

我有一个带有以下CSS的div:

           div
           {
              width:600px;
              height:auto;
           }

现在我的问题是,当我在此div 中附加任何元素(like $('div').append(any element))时,它的高度没有相应增加。问题出在哪里?

编辑

我附加的元素有height:auto.我附加的div 为空。

该代码没有问题。auto值是div 的默认值,因此(假设没有其他样式应用于元素)它与 just 相同:

div { width: 600px; }

因此,没有任何内容可以限制该代码中div 的高度。您必须在代码中的其他位置查找影响元素的内容。

某些浏览器允许您检查元素,该元素会准确显示 CSS 应用于该元素的内容。我为此使用了Firefox中的Firebug插件。

我对代码没有问题。这是我的两种方式示例。

  1. 加载追加元素 http://jsfiddle.net/VnLtv/
  2. 单击div添加ELEM http://jsfiddle.net/VnLtv/1/

确保代码采用$(document).ready或等效$(function(){