DIV + CSS 일반적인 오류 처리 기법을 디자인할 때 웹 페이지

다음은 도움을 바라고 Div + css, 웹 페이지 디자인에 대 한 몇 가지 일반적인 오류 처리 기법입니다.

1. 맞춤법 오류, 끝 태그를 잊고에 대 한 HTML 요소를 확인

심지어 베테랑 자주 div 중첩 관계에 대 한 실수. 오류를 확인 하려면 Dreamweaver 확인 기능을 사용할 수 있습니다.

2. CSS 올바른지 확인

맞춤법 오류의 끝을 잊고 있는지 확인 하는}, 등등. CLEANCSS를 사용 하 여 맞춤법 오류에 대 한 귀하의 CSS를 확인 수 있습니다. CLEANCSS 무게를 잃고, CSS 위한 도구 이지만, 또한 실수는 맞춤법을 검사할 수 있다.

3. 오류가 발생 한 위치를 결정합니다

오류 전체 레이아웃에 영향을 미치는에 div 블록을 제거 하 고 디스플레이 오류가 발생 하는 결정을 정상으로 반환 할 때까지 div 블록을 개별적으로 삭제할 수 있습니다.

4.을 사용 하 여 Border 속성 오류 요소 레이아웃 특성

실수로 Float 속성 레이아웃을 사용 하 여 오류가 발생 합니다. 요소의 범위를 결정 요소에 테두리 특성을 추가 하 고 오류에 대 한 이유는 결론.

5. 부동 요소를 부모 요소 명확한 속성을 지정할 수 없습니다.

Macie 경우 명확한 특성은 float의 부모 요소에 대 한 사용, 주위 float 요소 레이아웃 혼란 이다. 이것이 Macie의 유명한 버그 우회 될 것입니다 그것을 알고 하지 않으면입니다.

6. 참고 float 요소 Width 속성을 지정 해야 합니다.

많은 브라우저 버그가 float 요소 너비를 지정 하지 않는 표시 있다. 그래서 관계 없이 float 요소 내용의 반드시 width 특성을 지정 합니다.

요소를 지정할 때 단위로 PX 대신 EM을 사용.

7. 부동 요소 예: 여백 및 안쪽 여백 속성을 지정할 수 없습니다 참고

여백 및 안쪽 여백을 지정 하는 float 요소를 표시할 때 즉 버그가 있다. 따라서 float 요소에 대 한 여백 및 안쪽 여백 속성을 지정 하지 않으면 (여백 및 안쪽 여백을 설정할 수 있습니다 float 요소를 내부 div를 중첩 하 여). 또한 IE에 대 한 특별 한 값을 지정 하려면 해킹 메서드를 사용할 수 있습니다.

8. 물론 float 요소 너비의 합은 100% 미만

부동 요소 너비는 100% 정확 하 게, 일부 오래 된 브라우저에서는 제대로 표시 되지 않습니다. 폭의 합계는 99% 미만 다는 것을 확인 하십시오.

9. 확인 기본 스타일 다시 설정 됩니다

여백, 안쪽 여백 등 일부 속성, 다른 브라우저는 다른 해석 할 것 이다. 따라서, 그것은 최고의 모든 여백, 안쪽 여백 설정 없음, 0, 목록 스타일 모음의 첫 등입니다.

10. 체크는 DTD를 작성 하는 경우

경우 관계 없이 다음 페이지의 시작 부분을 확인할 수 있습니다, 다른 브라우저 디스플레이 결과 조정 하는 방법 다음 줄 DTD를 작성 하는 것을 잊지 마세요:

<! 공용 DOCTYPE HTML "-//w3c//dtd HTML 4.01 과도 / / 엉" "HTTP://WWW.W3.ORG/TR/HTML4/LOOSE.DTD" >