요소의 크기를 지정할 때 float를 사용하고 있습니다. 이 jsfiddle을 참조하십시오 jsfiddle.net/yMTGJ하지만 Chrome과 Opera 모두 올바른 너비 설정에 실패합니다. 따라서 이미지를 볼 때 알 수 있듯이 두 div 사이에 한 픽셀 간격이 있습니다. i.stack.imgur.com/O9ZxW.png Chrome 및 Opera에서 float을 제대로 처리 할 수 없습니까? 왜 한 픽셀 갭이 있습니까?float를 사용할 때 Chrome 및 Opera가 실패합니다.
너비를 466.5px으로 지정했기 때문에 이러한 현상이 발생합니다. 다른 브라우저 (예 : firefox)에서는 467px까지 라운드 업합니다. chrome은 올바르게 렌더링하려고 시도하므로 빨간색/노란색으로 결합 된 하나의 픽셀 선이 표시됩니다 (브라우저가 혼란스럽지 만 틈이없는 것처럼 보임).
이 문제를 방지하려면 크기를 지정하기 위해 반 화소를 사용하지 마십시오 (예를 들어 어떻게 보일 것 같습니까? 크롬은 정확히 예상 한대로 수행하지만 반 화소를 사용하려는 의도는 모르겠습니다).
내가 외부 연락처의 너비를 932px, 내부를 466px으로 조정 한 http://jsfiddle.net/Lupna/을보세요. 크롬에서는 완벽하게 작동합니다.
편집 :
당신이 933px의 폭이 있어야 자신의 차이에 내장하는 것이 필요하면 모든 브라우저에서 동일하게 표시 할 것 또 다른 솔루션 : http://jsfiddle.net/eS7Qd/
가 문제있다을 : width: 466.5px; 소수점은 보편적으로 지원되지 않습니다. 몇 가지 정보와 가능한 해결책 : http://www.latentmotion.com/browsers-trim-pixel-decimals/
위의 문제는 절반 픽셀입니다. 모니터 할 수없는 빛의 블록 인 작업과 픽셀을 모니터합니다. 일부 브라우저는이 문제를 해결하기 위해 노력할 수도 있지만이를 수행 할 때 모든 브라우저에서 일관된 결과를 얻을 수는 없습니다.
난 당신이 960 폭으로 일을하고 http://www.960.gs
같은 당신이 유효한 CSS가 아니므로이 작업을 얻을 수있는 방법은 없습니다를 사용하는 것이 좋습니다 것입니다.
글쎄, 933 (부모 너비)/2 (어린이 수) = 466.5입니다. – Hitch
그러나 나는 아직도 왜 소위 갭이 있는지 이해하지 못합니다. – Hitch
예제는 다음과 같이 보입니다. 하나의 자식이 50 %를 차지하고 다른 자식이 50 %를 차지합니다. 즉, 갭이 없어야합니다. – Hitch