div가 파이어 폭스에 나타나지 않는다

Question

나는 웹 애플리케이션을 개발 중이다. 나는 각 브라우저에서 볼 수있는 div를 만들었다. 내 div의 파이어 폭스가 파이어 폭스에 나타나지 않는다. 가능한 이유는 무엇인가.

여기 내 fiddle 내가가 표시되지 사업부에 background-color:black 준

.

CSS

html, body 
{ 
    height:100%; 
    margin:0; 
    padding:0; 
    overflow:hidden; 
} 

#main_header 
{ 
    height:20%; 
    border-bottom:3px solid grey; 
} 
#user_info 
{ 
    height:40%; 
    width:auto; 
    float:right; 
    text-align:right; 
    position:relative; 
    right:3%; 
    top:42%; 
} 
#user_info span 
{ 
    font-size:1.2em; 
    font-weight:600; 
} 
#logo 
{ 
    height:60%; 
    width:25%; 
    float:left; 
    background-image:url('../images/ibuildmart_logo.png'); 
    background-repeat:no-repeat; 
    background-size:100% 100%; 
    position:relative; 
    left:5%; 
    top:20%; 
} 

#main_wrapper 
{ 
    height:75%; 
} 
#menu_wrap 
{ 
    width:10%; 
    float:left; 
    height:100%; 
    background-color:yellow; 
} 
#content_wrap 
{ 
    width:90%%; 
    height:100%; 
    float:right ; 
} 
#content 
{ 
    background-color:black; 
    width:95%; 
    height:92%; 
    border-radius:20px; 
    -moz-border-radius:20px; 
    margin:2%; 
    overflow:auto; 
} 
#main_footer 
{ 
    height:5%; 
    background-color:blue;; 
} 

HTML

<div id="main_header"> 
    <?php 
include_once('header.php'); 
?> 
</div> 


<div id="main_wrapper"> 
    <div id="menu_wrap"> 
    </div> 
    <div id="content_wrap"> 
    <div id="content"> 

    </div> 
    </div> 

</div> 
<div id="main_footer"> 

    <?php 
include_once('footer.php'); 
?> 
</div> 

Answer 1

전나무 가지가 HTML 주석이 제대로 닫혀 있지입니다했다. 주된 이유는 ID가 content_wrap 인 % 두 개를 사용하고 있기 때문입니다. 여기

는 div` 파이어 폭스에 표시되지 않는`Demo.

#content_wrap 
{ 
    width:90%%; /*you are using double percentage here*/ 
    height:100%; 
    float:right; 
} 

Answer 2

여러 문제가 :

http://jsfiddle.net/uZd3u/2/

당신은 w 당신의 HTML 주석을 폐쇄 ith --!>이 잘못되었습니다. 그것은 다음과 같이해야 : <!-- comment -->

귀하의 content_wrap는 float: right;