부트 스트랩을 사용하는 파이어 폭스의 마이너스 여백

현재 트위터 부트 스트랩 플러그인을 사용하고 있습니다. 주로 현재 그리드 시스템 만 사용하고 있습니다.부트 스트랩을 사용하는 파이어 폭스의 마이너스 여백

저는 응답 성있는 디자인을 위해 몇 가지 작업을 수행하면서 다른 행 위에 하나의 행을 넣으려고합니다. 이 완벽하게 작동 크롬에서

<div class="container"> 
    <div class="row"> 
     <div class="content"> 
      abcd 
     </div> 
    </div> 
    <div class="row" id="moveUpRow"> 
     <div class="content"> 
      efgh 
     </div> 
    </div> 
</div>

CSS :

.row { 
    height: 200px; 
} 

#moveUpRow { 
    margin-top: -200px; 
}

그러나 파이어 폭스와 IE에서 둘 다 부정적인 여백을 무시

. top: -200px을 시도했지만 행 하단의 모든 요소가 아닌 row까지 이동합니다. 큰 공백을 남겨 둡니다.

이 문제에 대한 다른 해결책은 있습니까? 행 아래의 모든 콘텐츠를 "끌어 올"수있는 방법에 대한 제안이 있습니까?

출처

2013-08-08 Barry Tormey

왜이 작업을 수행하려고합니까? – dezman

두 개의 서로 다른 행에 걸쳐있는 두 가지 배경색이 있고 그 중 일부가 겹치려고하기 때문에. 그래서 가능한지 알고 싶었습니다. 그렇다면 위대합니다. 그렇지 않다면 나는 다른 것을 시도 할 것입니다. –

아직 무엇을 하려는지 모르겠지만 #moveUpRow {position : absolute; } 그 아래의 콘텐츠는 푸시 다운되지 않습니다. – dezman

당신이 게시 CSS는 파이어 폭스와 IE에서 나에게 잘 보이는 HTML, 다른 문제가 함께이없는 http://www.bootply.com/72944

은 아마 당신이 당신의 CSS 파일의 경로를 확인 이중으로 시작할 수보고 확인 귀하의 페이지에 HTML이 있습니까?

행운을 빈다.

출처

2013-08-08 19:31:08

동일한 문제가있었습니다. 제 경우에는 첫 번째 행에 두 개의 부동 요소가 있으므로 두 번째 요소에 음수 여백을두면 전체 행이 이동하게됩니다. 이상하게도 Chrome에서는 괜찮 았지만 Firefox에서는 제대로 작동하지 않았습니다.

오버플로 추가 시도 : 숨김; 그 경우에 행에.

출처

2014-10-21 08:25:06

부트 스트랩을 사용하는 파이어 폭스의 마이너스 여백

답변

관련 문제