If...Else

마크업 11111111 22222222 33333333 44444444 55555555 66666666 77777777 88888888 99999999 00000000 태그에 position: relative 속성 있을 때 .container { width: 200px; height: 200px; overflow-x: hidden; overflow-y: scroll; border: 1px solid #ccc; } .list { position: relative; padding: 5px 0; } 태그에 position: relative 속성 없을 때 .container { width: 200px; height: 200px; overflow-x: hidden; overflow-y: scroll; border..

에 padding을 주면 파이어폭스(17.0.1)에서는 다른 브라우저들과 다르게 스크롤바 바깥쪽으로 여백이 생긴다. 매우 오래된(10년…) 이슈이고, 현재까지 완벽한 해결법은 없는듯하다. 작업 시 디자이너와의 협의가 필요해 보인다. 파이어폭스 브라우저에서의 렌더링. 크롬 브라우저에서의 렌더링. 파이어폭스를 제외한 모든 브라우저에서 이처럼 스크롤바 바깥으로 여백이 생기지 않는다. 참조 URL http://forums.phpfreaks.com/topic/201677-firefox-incorrectly-padding-textarea/ https://bugzilla.mozilla.org/show_bug.cgi?id=157846