Firefox에서 동작하는 Floating div가

나는이 모든 문제를 해결하는 방법을 모르겠다. 장바구니 아이템 용 div를 만들고 float 속성을 사용하여 항목이 태블릿, 와이드 스크린 및 전화 화면을 채울 수 있도록했습니다.Firefox에서 동작하는 Floating div가

.displaybox { 
margin-left: auto; 
    width:150px; 
    height:140px; 
    padding:10px; 
    font-family:arial; 
    font-size: 10pt; 
    float: left; 
    margin: 5px 5px 5px 5px; 
}

파이어 폭스를 제외한 모든면에서 잘 작동합니다. Firefox에서는 항목이 세로로 쌓여 세로로 항목이 구성됩니다. Firefox 브라우저를 수용 할 수있는 방법은 무엇입니까?

출처

2012-07-29 Dakkadakka

jsFiddle을 사용하여 코드를 재현 할 수 있습니까? - http://jsfiddle.net/. 당신을 도우는 것이 훨씬 쉬울 것입니다! – skip405

문제는 아마도 우리가 위에 보여준 스타일에서 오는 것이 아닙니다. 우리는 더 많은 CSS를 볼 필요가 있습니다. – banzomaikaka

당신이 찾고있는 것이 [__ "Clear Fix"__] (https://www.google.co.in/search?q=Clear+Fix&ie=utf-8&oe=utf-8&aq=t&rls=org)라고 생각합니다. mozilla : en-US : 공식 및 클라이언트 = firefox-a) –

주어진 클래스에 이상한 점이 없습니다. 귀하의 문제는 포장 요소 것입니다.

출처

2012-07-29 21:04:07 Mamadum

여기에 의견이 맞습니다. 문제는 CSS가 아니라 주위의 div 및 table 요소에있었습니다. 다른 브라우저는 항목 상자에 필요한만큼 늘어나지 만 너무 작았으며 Firefox에서 그 너비를 유지했습니다. 주변 테이블 요소를 100 % 너비로 지정하면 Firefox가 다른 모든 브라우저처럼 작동합니다.

출처

2012-07-31 16:30:51 Dakkadakka

Firefox에서 동작하는 Floating div가

답변

관련 문제