페이지를 만드는 사람이라면 누구나 만나게 될 수있는 떠 다니는 것을 지우지 만 모든 사람이 명확하고 포괄적으로 알 수 있습니까? 그래서 내가 자유 롭을 때 나는 즉시 그런 기사를 썼습니다. 나는 모든 것을 다룰 수 없었지만 기본적으로 내가 아는 모든 것을 가르 칠 수있었습니다.
플로트를 지우는 방법을 얼마나 많이 살펴 보겠습니다 (줌으로 쓰지 않을 것입니다 : 1은 다음 주제에 대해 쓸 것입니다). 해당 데모- 의사 클래스 사용 : 후속 빈 높이 비트 0으로 의사 클래스 레이어를 정리 한 후
- CSS 오버플로 : 자동을 사용하여 높이를 지원하십시오
- CSS 오버플로 : 숨겨져 이상한 적응을 생성하십시오
- 디스플레이 : 테이블을 사용하여 객체를 테이블 형태로 바꿉니다
- DIV 태그 및 CSS 명확한 속성을 사용하십시오
- BR 태그와 CSS 명확한 속성을 사용하십시오
- BR 태그와 자체 HTML CLEAR 속성 사용
거친 모습으로 그들은 모두 문제를 해결할 수 있습니다. 그러나 반면에 그들은 자신의 장단점을 가지고 있습니다. (일대일 서신)- 장점 구조 시맨틱은 완전히 정확하며 다른 이상한 문제를 일으키지 않습니다. 단점 부적절한 재사용 방법으로 인해 코드 볼륨이 급격히 증가 할 수 있습니다. 떠날 때 가장 바깥 쪽 층을 사용하거나 모듈 식 방식으로 명확하게 사용하는 사람들에게 권장됩니다 .
- 장점 구조가 완전히 정확하고 코드 볼륨이 매우 작습니다. 단점 다중 둥지 후, 가장 바깥 쪽 떠 다니는 상자를 클릭하면 가장 바깥에서 가장 안쪽 함량 (FF)까지 선택됩니다. 또는 마우스 오버가 너비가 변경되면 가장 바깥 모듈에는 스크롤 막대 (즉)가 있습니다. 내부 모듈을 사용하는 것이 좋습니다 . 중첩하지 마십시오.
- 장점 구조가 완전히 정확하고 코드 볼륨이 매우 작습니다. 단점이 증가하면 라인을 자동으로 감싸지 않고 내용이 숨겨 질 수 있습니다. 너비가 고정 될 때 사용 하고 중첩하지 마십시오.
- 장점 구조가 완전히 정확하고 코드 볼륨이 매우 작습니다. 단점 박스 모델의 속성이 변경되었으며, 자연스럽게 많은 이상한 이벤트가 있다고 상상할 수 있습니다. 버그를 변경하고 싶지 않다면 사용하지 않는 것이 가장 좋습니다 . 그러나 알파 버전에서 임시 바보로 테스트 할 수 있습니다.
- 장점 : 매우 적은 수의 코드와 매우 높은 재사용 성. 단점은 의미론에 적응하는 데 완전히 효과가 없으며, 이는 개정 및 요구 사항 변경에 도움이되지 않습니다. 초보자가 사용하는 것이 좋습니다 .이를 통해 떠 다니는 문제를 빠르게 해결할 수 있습니다.
- 장점 의미 화 정도는 다섯 번째 사례보다 낫습니다. 코드 볼륨은 매우 작고 재사용 성이 매우 높습니다. 단점 의 의미 화는 여전히 불완전하며, 이는 수정 및 수요 변화에 도움이되지 않습니다. 초보자가 사용하는 것이 좋습니다 .이를 통해 떠 다니는 문제를 빠르게 해결할 수 있습니다.
- 장점 의미 화 정도는 5 번째와 6 번째 경우보다 낫습니다. 코드 수는 가장 작고 재사용 성이 매우 높습니다. 단점 의 의미 화는 여전히 불완전하며, 이는 수정 및 수요 변화에 도움이되지 않습니다. 클래스 이름을 사용하여 성능을 제어하는 대신 Web1.0의 웹 페이지 시대로 돌아 가기 위해 HTML 속성을 직접 사용하여 성능을 제어 하는 것이 좋습니다. 결국, 후자는 코드가 적습니다.
마지막으로 목록이 완료되었습니다. 그러나 나는 이전에 귀신이 재 인쇄 한 기사에 대해 모든 사람에게 사과 할 필요가 있다고 생각합니다. 내가 후회하는 것은 유령의 제목을 바꾸고 가장 간단한 것을 최적으로 바꾸어 많은 학생들이 나중에 오도되도록했다는 것입니다. 그래서 나는 다시 작성할 기사를 썼습니다.