CSS 웹 레이아웃은 어렵지만 실제로는 매우 간단합니다. 말하기 쉬우 며 종종이 기사에서는 많은 문제가 있습니다. 그러나 더 자주, 우리는 종종 작은 문제에 얽히고 긴장을 풀 수 없습니다. 오늘은 8 가지 팁을 소개하겠습니다. 2. 부동 기능을 사용하는 경우 플로팅 명령을 올바르게 지우십시오. 말초 용기 또는 기타 비정상적인 상황의 경계로 연장되는 떠 다니는 요소가있는 경우 먼저 올바른지 확인하십시오. 3. 경계가 겹치는 경우 패딩 또는 테두리를 사용하여 나타나지 말아야 할 작은 공간에 압도되지 않거나 작은 공간이 필요할 때 짜낼 수 없습니다. 마진을 사용하는 경우 경계에서 오버랩을 쉽게 생성 할 수 있습니다. 4. 동시에 요소에 패딩/테두리를 지정하는 폭과 높이의 계산 문제를 피하십시오. 일부 방법은이 문제를 해결할 수 있지만 부모 요소가 높이와 너비를 지정 해야하는 경우 부모 요소 내에서 하위 요소에 마진을 적용하는 것이 가장 좋습니다. 또는 자식 요소가 높이와 너비를 지정 해야하는 경우, 패딩을 효과를 달성하기위한 부모 요소. 5. 최소 폭/최소 높이에 의존하지 마십시오 6. 궁금한 점이 있으면 먼저 비율을 줄이면 일부 오류가 50%+50%100.1%를 만들어 웹 페이지에 문제가 발생합니다. 현재이 값을 49%또는 49.9%로 변경하십시오. 7. "trbl"테두리는 마진과 패딩의 약어를 기억하십시오 위의 경계가 없습니다. 오른쪽에 1 픽셀 등이 있습니다. "TRBL"을 기억하면 주문이 잘못되지 않을 것입니다. 8. 값이 0이 아닌 한,이 문제는 종종이 문제를 무시해야합니다.
1. 질문이 있으시면 즉시 문제가 발생하면 원래 코드를 감지 할 수 있습니다. W3C에는 XHTML 및 CSS에 사용할 수있는 탐지 도구가 있습니다 (http://validator.w3.org 참조). 파일의 시작시 오류는 부적절한 구조와 같은 요소로 인해 더 많은 오류를 유발할 수 있습니다.
IE는 Windows에서 두 개의 구문을 지원하지 않습니다. 그러나 어느 정도까지, IE의 Windows 버전은 Min-Width/Min-Height와 동등한 효과를 달성 할 수 있으므로, 원하는 결과를 얻으려면 IE에서 필터링 기능 만 수행하십시오.