CSS 높이 : 0 및 오버플로 : 여백과 함께 숨겨진

Question

내가 가진 문제는 margin:20px; div로 숨겨져 있고 div에 스타일을 추가합니다. height:0px;overflow:hidden div에 있습니다. 이것은 margin이 적용되지 않는 Safari까지는 잘 작동합니다.

다른 브라우저 결과 :

의 차이는 녹색 개요에

샘플 코드는 여기 https://jsfiddle.net/cattails27/1no9u54t/2/

사파리 출력을 발견했다. 사파리의 경우 height:0;overflow:hidden;으로 설정하면 여백에 영향을줍니다. 다른 브라우저에서는 div의 여백이 여전히 유효합니다.

---

브라우저 테스트 :

크롬 버전 49.0.2623.112 (64 비트)

파이어 폭스 45.0.1

마이크로 소프트 에지 20.10240.16384.0

• 사파리 버전 9.0.2을

---

우려하지만, IE11에서 테스트별로는 IE 11 버전 몇 가지 흥미로운 결과

생산 11.0.10240.16431

Answer 1

이 주위에 내 작품은 대신 height:0px을 설정하는 작은로 교체했다

값은 height:0.01px과 같으며 브라우저를 통해 균일 한 결과를 산출합니다. 그러나 누군가가 더 나은 해결책을 가지기를 바랍니다.