CSS+DIV는 웹사이트 표준(또는 "WEB 표준")에서 일반적으로 사용되는 용어 중 하나입니다. 일반적으로 HTML 웹 디자인 언어의 테이블 위치 지정 방법과의 차이점을 설명하는 데 사용됩니다. 포지셔닝 기술은 더 이상 사용되지 않지만 css+div를 사용하여 다양한 포지셔닝을 구현합니다. DIV+CSS 코딩을 적용할 때 실수를 하기 쉽습니다. 이 문서에는 몇 가지 일반적인 실수가 나열되어 있습니다.
1. HTML 요소에 철자 오류가 있는지, 닫는 태그를 잊어버렸는지 확인하세요.
숙련된 사용자라도 div 중첩이 잘못되는 경우가 많습니다. Dreamweaver의 확인 기능을 사용하여 오류를 확인할 수 있습니다. Webjx.Com
2. CSS가 올바른지 확인하세요
철자 오류, 끝 부분의 } 잊어버린 등을 확인하세요. CleanCSS를 사용하여 CSS의 철자 오류를 확인할 수 있습니다. CleanCSS는 CSS의 무게를 줄이는 도구이지만 철자 오류도 확인할 수 있습니다.
3. 오류가 발생한 위치를 확인합니다.
오류가 전체 레이아웃에 영향을 미치는 경우 특정 div 블록을 삭제한 후 화면이 정상으로 돌아올 때까지 div 블록을 하나씩 삭제하여 오류가 발생한 위치를 확인할 수 있습니다.
4. 테두리 속성을 사용하여 오류 요소의 레이아웃 특성을 결정합니다.
주의하지 않으면 부동 속성 레이아웃을 사용하면 오류가 발생할 수 있습니다. 이때 요소의 경계를 결정하기 위해 요소에 border 속성을 추가하면 오류의 원인이 밝혀집니다.
5. float 요소의 상위 요소는clear 속성을 지정할 수 없습니다.
MacIE에서는 float 요소의 상위 요소에clear 속성을 사용하면 주변 float 요소의 레이아웃이 혼란스러워집니다. 이것은 MacIE의 유명한 버그입니다. 모르면 우회하게 됩니다.
6. float 요소는 Webjx.Com 너비 속성을 지정해야 합니다.
너비가 지정되지 않은 부동 소수점 요소를 표시할 때 많은 브라우저에 버그가 있습니다. 따라서 float 요소의 내용에 관계없이 width 속성을 지정해야 합니다.