사파리 크로스브라우징 질문합니다.
볼1매그녀
2023.04.01
style type=text/css body{padding:50px;} *{margin:0;padding:0;} .test{overflow:hidden;width:100%;height:50px;background-color:red;} .test span{display:block;float:left;width:33%;height:40px;color:#fff;background-color:blue;} .test span.second{width:34%;}/style/head
bodydiv class=test span1/span span class=second2/span span3/span/div/body/html
이렇게 줬는데 사파리에서만 3번 박스 우측에 부모박스의 빨간색이 1,2px정도 보입니다.모바일에 적용시킬려고 보니 아이폰에서 이문제 때문에 우측에 여백이 생기더군요..여러가지 테스트를 해봐서 사파리가 %계산을 정확하게 하지 못해서 발생하는 문제로 생각하고 있습니다.
꼼수로 부모박스에 퍼센트를 100.8%로 조절해서 해결하기 했는데 이렇게 해결하면다음에 또 다른문제가 생길것 같아 원칙적인 해결방안을 찾고있는 중입니다.
