如何顯示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

向其中添加一些文本信息check your updated Fiddle。當元素爲空時，塊元素不會始終顯示。在框中

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

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

Answer 2

Put含量或設置其屬性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/