1. HTML 요소에 오타가 있는지 또는 엔드 태그를 잊는 지 확인
재향 군인조차도 종종 divs의 중첩 관계를 얻습니다. DreamWeaver 검증 기능을 사용하여 오류가 있는지 확인할 수 있습니다.
2. CSS가 올바른지 확인하십시오
결말을 잊든} 등의 철자 오류를 확인하십시오. Cleancss는 CSS의 오타를 확인하는 데 사용될 수 있습니다. Cleancss는 CSS의 체중 감량을위한 도구이지만 철자 오류를 확인할 수도 있습니다.
3. 오류가 발생한 위치를 결정하십시오
오류가 전체 레이아웃에 영향을 미치면 DIV 블록이 삭제되고 디스플레이가 정상으로 돌아올 때까지 DIV 블록을 하나씩 삭제하고 오류의 위치를 결정할 수 있습니다.
4. 테두리 속성을 사용하여 오류 요소의 레이아웃 특성을 결정합니다.
실수로 플로트 속성을 레이아웃하면 오류가 발생합니다. 현재 요소에 테두리 속성을 추가하여 요소 경계를 결정하면 오류의 이유가 드러납니다.
5. 플로트 요소의 부모 요소는 명확한 속성을 지정할 수 없습니다.
Macie 아래 플로트 요소의 상위 요소에 명확한 속성을 사용하면 플로트 요소의 레이아웃이 혼란스러워집니다. 이것은 Macie의 유명한 버그이며, 모르는 경우 우회를 할 것입니다.
6. 플로트 요소는 너비 속성을 지정해야합니다
많은 브라우저에는 지정되지 않은 너비가있는 플로트 요소를 표시 할 때 버그가 있습니다. 따라서 플로트 요소의 내용이 무엇이든 너비 속성을 지정해야합니다.
또한 요소를 지정할 때 PX 대신 EM을 장치로 사용하십시오.
7. 플로트 요소는 마진 및 패딩과 같은 속성을 지정할 수 없습니다.
즉, 마진과 패딩이 지정된 플로트 요소를 표시 할 때 버그가 있습니다. 따라서 플로트 요소에 대한 마진 및 패딩 속성을 지정하지 마십시오 (플로트 요소 내부의 DIV를 중첩하여 마진과 패딩을 설정할 수 있음). 해킹 방법을 사용하여 IE의 특별한 값을 지정할 수도 있습니다.
8. 플로트 요소의 너비의 합은 100% 미만이어야합니다.
플로트 요소의 너비의 합이 정확히 100%인 경우 일부 고대 브라우저는 정상적으로 표시되지 않습니다. 따라서 너비의 합이 99%미만인지 확인하십시오.
9. 기본 스타일이 재설정 되었습니까?
마진, 패딩 등과 같은 일부 속성에는 다른 브라우저에 대한 설명이 다릅니다. 따라서 먼저 전체 마진과 패딩을 0으로, 목록 스타일을 0으로 설정하는 것이 가장 좋습니다.
10. DTD를 쓰는 것을 잊었습니까?
다른 브라우저의 디스플레이 결과가 여전히 다르면 페이지 시작 부분에서 다음 줄 DTD를 작성하는 것을 잊었는지 확인할 수 있습니다.
DocType html public "-// w3c // dtd html 4.01 Transitional // en " " http : //www.w3.org/tr/html4/loose.dtd ">