javascript - 绝对定位时div消失，父级动态高度

Question

标题说明了一切。

div disappears after position: relative

我已经检查过这个答案，但它似乎不符合我的要求。这里的 OP 的问题似乎是他在其父 DIV 中没有高度。我有，唯一的问题是它是通过 jQuery 动态生成的。这可能是问题所在吗？

这是 jsbin:

http://output.jsbin.com/widipat

我已经注释掉了 position 属性。

Answer 1

#banner(你的橙色横幅)里面没有内容，所以当它被绝对定位时，你必须给它一个宽度和高度，以便它出现在页面上。否则，它的大小将变为 0px x 0px，并且不可见。

例如:

#banner {
    background-color: #f98939;
    height: 40px;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}