jQuery .prepend 内容没有高度（即 height:0px ）

Posted 2023-04-13

【中文标题】jQuery .prepend 内容没有高度（即 height:0px ）

【英文标题】：jQuery .prepend content has no height (ie. height:0px )

【发布时间】：2015-05-07 21:10:02

【问题描述】：

我的代码：

$( ".panel article:first-child" ).prepend( "<p>Test</p>" );

装入体内。我在 html 中的正确位置看到了 <p>Test</p>，但渲染时没有高度。

有什么帮助吗？谢谢。

【问题讨论】：

在没有看到周围元素的情况下，CSS 应用于所有这些，一个工作示例，something 可能会提供有关原因的线索？不知道。

基本上从你提供的信息来看，你的问题是no-repro。

是的.. 想看看我能如何阐明

【参考方案1】：

如果你想查看它的高度，那么你需要在它前面加上一个特定的height 值，如下所示：

  $( ".panel article:first-child" ).prepend( "<p style='height:20px'>Test</p>" );

【讨论】：

@vulgarbulgar 设置更高的高度值

你认为为什么需要显式地为元素指定高度？

可能是错误的，但因为它当前的高度为 0

【参考方案2】：

正如@david-thomas 提到的，不可复制。问题是我的目标元素是在 .prepend 之后呈现的。我用另一个目标进行了测试，并按预期工作。抱歉这个蹩脚的问题。

干杯。