javascript - 追加任何元素时，div 高度不会增加

Question

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

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

现在我的问题是当我(like $('div').append(any element))在这个 div 中添加任何元素时，它的高度不会相应增加。有什么问题？

编辑

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

Answer 1

该代码没有问题。该auto值是 div 的默认值，因此（假设没有其他样式应用于该元素）它与以下内容相同：

div { width: 600px; }

因此，没有什么限制该代码中 div 的高度。您必须在代码中的其他地方查找影响元素的内容。

一些浏览器允许你检查一个元素，它会准确地向你展示 CSS 应用于它的内容。为此，我使用 Firefox 中的 Firebug 插件。

Answer 2

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

1. onload 附加元素http://jsfiddle.net/VnLtv/
2. 单击 div 添加 elem http://jsfiddle.net/VnLtv/1/

确保您的代码在 a$(document).ready或等效代码中$(function(){