2012-01-23 9 views
2

나는이 CSS로 페이지의 일부 요소를 가질 수 있어야하는 것보다 하나 적은 픽셀로 패딩을 계산합니다.크롬은

padding: 4px; 

크롬이 그와로 계산됩니다 :

padding-top: 14px; 

같은이 CSS와 페이지의 다른 요소에 간다 : 충분히 확실히, 크롬의 요소 관리자의 계산 된 스타일 섹션에서이 요소는 다음과 같이 계산된다 이 : 그것은 용기의 전체 수직 공간과 보에 띄는 추한 갭을 갖는 메뉴를 작성 메뉴 간의 차이 인 것에

padding-bottom: 3px; 
padding-left: 3px; 
padding-right: 3px; 
padding-top: 3px; 

이 중요 TTOM.

저는 왜 이런 일이 발생했는지 분실했습니다. 이것은 Firefox, Opera, Safari 또는 Internet Explorer에서도 발생하지 않습니다. 그냥 크롬.

+0

실사 예제가 있습니까? – Ktash

+0

http://wearethelayabouts.com/을 재현 할 수 없습니다.이 페이지의 "추천 기능"JavaScript 스크롤러입니다. 오른쪽에있는 다섯 개의 링크는 패딩 상단 : 15px와 14px로 표시되어야하므로 하단에는 5px 간격이 생깁니다. 각 링크를 설명하는 이미지의 오버레이는 오른쪽과 아래쪽에 2px 간격이 있습니다 (4px 패딩 대신 모든면에 3px 패딩이 표시됨). – Hinchy

+0

나열된 효과가 없습니다. 캐시를 지운 다음 페이지를 다시로드 해보십시오. – Ktash

답변

0

그것은 당신이에있는 배 2 픽셀 고체 경계의 렌더링 함께 할 수있는 뭔가가있을 수 있습니다 : I가 불분명 오전

#carousel-content .slide 

정확히 어떤 문제가 그 경계를 복용 있지만, 모든 유체 보인다 크롬?

+0

해결 방법으로 테두리 만 넣습니다. – Hinchy

관련 문제