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

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

云罗郡主
풀어 주다: 2018-11-13 17:18:10
앞으로
5124명이 탐색했습니다.

이 글의 내용은 플로트를 청소하는 방법에 관한 것입니다. 플로트를 클리어하는 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으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿