>웹 프론트엔드 >HTML 튜토리얼 >플로트를 청소하는 방법? 플로트를 제거하는 4가지 방법

플로트를 청소하는 방법? 플로트를 제거하는 4가지 방법

云罗郡主
云罗郡主앞으로
2018-11-13 17:17:275059검색

이 글의 내용은 플로트를 청소하는 방법에 관한 것입니다. 플로트를 클리어하는 4가지 방법은 특정한 참고 가치가 있습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

플로트를 청소하는 방법? 플로트를 제거하는 4가지 방법

루틴 1: 플로팅 요소의 상위 요소에 높이를 추가합니다(확장성이 좋지 않음)

요소가 플로팅되도록 하려면 해당 상위 요소에 높이가 있어야 합니다. 상자의 높이를 사용하여 플로트를 닫을 수 있습니다. 실제 응용 프로그램에서는 높이를 모든 상자에 추가할 수 없습니다. 이는 번거로울 뿐만 아니라 페이지 높이의 급격한 변화에도 적응할 수 없습니다. 상위 컨테이너는 콘텐츠(예: img Picture)로 확장될 수 있으며, 이 방법은 실제로 자주 사용됩니다. [추천 자료: 10가지 플로팅 효과 특수 효과(컬렉션) 권장 ]

루틴 2:clear:both;

마지막 하위 요소에 마지막 중복 요소를 추가한 다음 Clear:both로 설정 , 플로트를 지울 수 있도록 합니다. 여기서는 상위 요소 끝에 추가된 요소는 블록 수준 요소여야 하며, 그렇지 않으면 상위 요소의 높이를 지원할 수 없다는 점을 강조합니다.

루틴 3: 의사 요소의 플로트 지우기

위의 방법으로 확실히 플로트를 지울 수 있지만, 지금은 이러한 의미 없는 중복 요소를 페이지에 추가하고 싶지 않습니다. 어떻게 플로트를 지울 수 있을까요?

:after 의사 요소 및 IEhack과 결합하면 현재의 모든 주요 주류 브라우저와 완벽하게 호환될 수 있습니다. 여기서 IEhack은 hasLayout 트리거를 의미합니다.

루틴 4: br 태그 클리어 및 부동

br 태그에는 클리어 속성이 있습니다. 이 속성은 부동 소수점을 지우는 강력한 도구입니다. br 태그에 clean 속성을 설정하고 해당 속성에 all 값을 할당합니다. 즉, 플로트를 클리어할 수 있습니다.

위는 플로트 청소 방법에 관한 내용인가요? 부동 소수점을 지우는 4가지 방법에 대한 전체 소개입니다. Html5 Tutorial에 대해 더 알고 싶다면 PHP 중국어 웹사이트에 주목하세요.

위 내용은 플로트를 청소하는 방법? 플로트를 제거하는 4가지 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 segmentfault.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제

관련 기사

더보기