텍스트가있는 3 개의 div가 인터넷 익스플로러와 파이어 폭스에서 한 방향으로 배치되고 크롬과 사파리가 약간 다른 것으로 나타났습니다. 이것에 대한 이유와 해결책은 무엇입니까?브라우저 간 절대 위치 지정
그들은이
style="position: absolute; left: 100px; top: 270px; width: 499px;"
같이 위치 및 상대적 위치 된 소자 내부에있다.
문제가있는 페이지는 here입니다. 문제는 숫자 이미지 옆의 왼쪽에있는 세 개의 텍스트 그룹입니다.
Chrome 및 FF에서 렌더링되는 글꼴 크기에 문제가있는 것 같습니다. 크롬과 IE8에서는 h1 내용이 두 줄로 나오므로 FF에서는 한 줄에 들어 있기 때문에 텍스트가 숫자와 맞지 않습니다. 그리고 나는 이것이 왜 일어나고 있는지 말할 수있는 전문가가 아닙니다. 쉽게 만들기 때문에 내가 대신, 당신의 HTML에 인라인 스타일을 방지하여 CSS의 스타일을 작성하는 것이 좋습니다
<h1 style="position:relative;top:-15px; font-size:30px; line-height:34px;">How to Make Your First Website</h1>
:
는 예를 들어,이는h1에 작은 글꼴 크기를 제공주는 시도 해결하려면 스타일을 바꾸려면
IE, Firef, Chrome 및 Safari의 버전은 무엇입니까? 원하는 행동은 무엇입니까? – Oriol
FF 31, Chromium 35 및 IE 8에서 같은 결과가 나타납니다. – Oriol