떠 다니는 리 요소는 Firefox를 제외하고는 전체 너비가 늘어나지 않습니다.

현재 새로운 레이아웃으로 사이트를 개발 중이며 Chromiums 검사기에서 몇 시간을 보냈을 때 콘텐츠가 왜 탭은 Firefox 또는 IE9 에서처럼 완전히 확장되지 않습니다. 오른쪽에 작은 간격이있는 것 같습니다.떠 다니는 리 요소는 Firefox를 제외하고는 전체 너비가 늘어나지 않습니다.

나는 전체 CSS를 정리하는 과정에 있지만 갈등은 적지 만 탭이 무엇이든지 웹킷에서 완전히 확장되지는 않습니다.

는 여기에 내가 JQuery와 탭 http://bad-good.org/index.php/Troll_2

어떤 아이디어 나 해결책으로 설정 한 테스트 페이지입니까? 앞으로 뭔가를 배우기를 기대합니다. 건배

출처

2011-05-01 Lux Delux

파이어 폭스/크롬/사파리에서 나에게 똑같이 보입니다. Firefox와 Chrome을 비교하여 문제의 스크린 샷을 추가 할 수 있습니까? 사용중인 Chrome 버전은 무엇입니까? – thirtydot

다음은 스크린 샷입니다 http://img708.imageshack.us/i/scrmf.jpg/ 밤에는 최신 Chromium을 사용하고 있습니다. 그러나 Maxthon에서도 afkit과 Opera와 같은 웹킷을 발견했습니다. Firefox 4 및 IE9가 올바르게 표시되는 것 같습니다. –

Kaspar : 알겠습니다. 그것도 내 크롬에서와 같이 보입니다. 몇 픽셀 밖에 안되기 때문에 전에는 눈치 채지 못했습니다. – thirtydot

975px으로 렌더링되는 ul을 width:100%으로 설정했습니다. li은 width:25%으로 설정되어 있으며 이론적으로는 243,75px이어야합니다. Chrome은 here과 같이 소수점 이하 자릿수를 근사합니다 (자르면 243,75는 243이됩니다).

사이트의 너비 (예 : 960 픽셀)를 변경하거나 비율 대신 고정 너비로 작업하는 것이 좋습니다.

출처

2011-05-01 20:43:34

아, 알 겠어, 그걸 몰랐어 :) 사실, 주 래퍼 너비를 1000px로 설정하면 li가 244px이므로 정확히 늘어납니다. 다른 문제가없는 한 래퍼를 1000px로 유지합니다. 건배! –

떠 다니는 리 요소는 Firefox를 제외하고는 전체 너비가 늘어나지 않습니다.

답변

관련 문제