Firefox가 위치를 지원하지 않습니까? relative?

-1

나는 아래의 CSS를Firefox가 위치를 지원하지 않습니까? relative?

#sign_up_box_1 { 
    width: 400px; 
    height: 280px; 
    position:relative; 
    top: -290px; 
}

그것은 사파리에서 잘 작동하지만 파이어 폭스에서 작동하지 않는 것입니다, 사업부가 있습니다.

Firefox는 상단을 무시하는 것으로 보입니다 : -290px.

아무도 도와 줄 수 있습니까?

HTML

<div id="container"> 
    <div id="test"></div> 
</div>

그것이 사파리에서 잘 작동과 파이어 폭스에 실패 chrome..but

#container { 
    -moz-box-align: center; 
    -moz-box-orient: vertical; 
    -moz-box-pack: center; 
    display: -moz-box; 
    position: relative; 
    width: 200px; 
    z-index: 0; 
} 

#test { 
    width: 100px; 
    height: 100px; 
    background-color: red; 
    position: relative; 
    top: -50px; 
}

CSS

내가 찾을 아래

는 JSFiddle 코드 문제는 "상자"입니다 ... 상자 속성을 제거하면 Firefox가 잘 작동합니다 ...

누구에게 아이디어가 있습니까?

출처

2012-01-28 HanXu

JSFiddle 예제를 표시 할 수 있습니까? 그것은 FF에서 어떻게 보입니까? –

Firefox는 확실히'position : relative'를 지원합니다. 당신이하려는 일과 실제로 일어나고있는 일의 최소 코드 예제를 보도록하겠습니다. – JaredMcAteer

나는'position : relative'이 Firefox에서 완벽하게 작동한다는 것을 확신 할 수 있습니다. Pekka가 제안하는대로 더 많은 코드와 스크린 샷 또는 실제 예제를 제공하십시오. –

Gecko에서는 XUL 상자의 하위 위치를 상대적으로 배치 할 수 없습니다. XUL 박스 모델에서 그런 종류의 일을하는 것은 실제로 의미가 없습니다.

물론 표준 CSS를 사용하는 한 상대 위치 지정은 예상대로 작동합니다.

출처

2012-01-31 05:09:47

.... 확인 ... 내 CSS를 변경합니다 ... – HanXu

Firefox가 위치를 지원하지 않습니까? relative?

답변

관련 문제