CSS 웹 페이지 레이아웃은 말하기 어렵지만 실제로는 매우 간단합니다. 쉽다고는 하지만 초보자를 괴롭히는 문제가 종종 있습니다. http://www.knowsky.com/article.asp?typeid=38 에 소개된 많은 기술이 모든 사람이 두 배로 얻는 데 도움이 될 수 있습니다. 절반의 노력으로 얻은 결과입니다. 그러나 우리는 종종 작은 문제들로 인해 고민하고 긴장을 풀지 못합니다. 오늘 저는 매우 유용해 보이는 8가지 기술을 소개하고 싶습니다.
1. 의심스러운 부분이 있으면 즉시 확인하세요. 오류가 발생했을 때 원본 코드를 간단히 확인하면 많은 고민을 덜 수 있습니다. W3C에는 XHTML 및 CSS에 사용할 수 있는 탐지 도구가 있습니다. http://validator.w3.org를 참조하세요. 파일 시작 부분의 오류는 부적절한 구조 및 기타 요인으로 인해 더 많은 오류를 유발할 수 있습니다. 가장 눈에 띄는 오류 중 일부를 먼저 수정한 후 다시 확인하면 오류 수가 줄어들 수 있습니다.
2. 플로팅 기능을 사용할 때 명령을 적절하게 삭제해야 한다는 점을 기억하십시오. 플로팅은 위험한 기능이며 예상한 결과를 얻지 못할 수도 있습니다. 주변 컨테이너의 경계를 넘어 확장되는 부동 요소나 기타 비정상적인 상황이 발생하는 경우 올바르게 수행하고 있는지 확인하세요.
3. 테두리가 겹칠 때 패딩이나 테두리를 사용하면 없어야 할 작은 공간이 걱정되지 않도록 하거나, 약간의 공간이 필요할 때 아무리 짜도 짤 수 없게 됩니다. 마진을 사용하면 경계가 겹치기 쉽습니다.
4. 요소의 패딩/테두리와 높이 또는 너비를 동시에 지정하지 마십시오. Windows 버전의 IE에서는 너비 및 높이 계산 문제가 발생하는 경우가 많습니다. 이 문제를 해결하는 방법은 여러 가지가 있으나, 상위 요소에서 높이와 너비를 지정해야 하는 경우에는 상위 요소 내의 하위 요소에 마진을 적용하거나, 하위 요소에서 높이와 너비를 지정해야 하는 경우에는 마진을 적용하는 것이 가장 좋습니다. 이를 달성하려면 상위 요소에 패딩을 적용하세요.
5. 최소 너비/최소 높이에 의존하지 마세요
IE의 Windows 버전은 두 구문을 모두 지원하지 않습니다. 그러나 Windows 버전의 IE는 어느 정도 최소 너비/최소 높이와 동등한 효과를 얻을 수 있으므로 IE에 일부 필터링 기능을 추가하기만 하면 원하는 결과를 얻을 수 있습니다.
6. 확실하지 않은 경우 먼저 백분율을 줄이십시오. 때로는 일부 오류로 인해 50%+50%가 100.1%가 되어 웹 페이지에 문제가 발생할 수 있습니다. 이때 이 값을 49% 또는 49.9%로 변경해 보세요.
7. 테두리, 여백 및 패딩에 대한 "TRBL"의 약어 구문에는 위에서 시작하여 시계 방향으로 위쪽, 오른쪽, 아래쪽, 왼쪽으로 회전하는 특정 순서가 있습니다. 따라서 여백: 0 1px 3px 5px; 상단에는 테두리가 없고 오른쪽에는 1픽셀 등이 있습니다. "TRBL"을 기억하면 순서가 틀리지 않을 것입니다.
8. 값이 0이 아닌 한 단위를 지정해야 합니다. 이는 특별한 주의가 필요합니다. 많은 초보 친구들은 이 문제를 종종 무시합니다.