当绝对定位时，Div消失，父动态高度

Question

标题说明了一切。

div disappears after position: relative

我已经检查了这个答案，但它似乎并不适合我之后的事情。 OP在这里的问题似乎是他的父DIV没有高度。我的唯一的事情就是它是通过jQuery动态生成的。这可能是问题吗？

这里是jsbin：

http://output.jsbin.com/widipat

我已经注释了位置属性。

Answer 1

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

例如：

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