如何在CSS中显示绿色框？

Question

我正在编写一个网站，但我遇到了一个问题，我似乎无法显示绿色框。请你能帮帮我吗？

请访问此处查看我的代码：http://jsfiddle.net/9UkXe/g

#top_box
{
position: relative;
background:#0F3;
top:0%;
left:70%;
min-width: 90%;
max-width: 90%;
z-index:5;
}

提前感谢您的帮助！

Answer 1

将内容放入框中或设置其height属性：

#top_box {
    background: none repeat scroll 0 0 #00FF33;
    height: 20px;
    left: 70%;
    max-width: 90%;
    min-width: 90%;
    position: relative;
    top: 0;
    z-index: 5;
}

JS小提琴： http://jsfiddle.net/9UkXe/2/

Answer 2

向其添加一些文字check your updated Fiddle。阻挡元件在空置时并不总是出现。

<div id="top_box">text</div>

<div class="background">text</div>