플로트를 제거하는 여러 가지 방법

이번에는 플로트를 제거하는 몇 가지 방법과 플로트를 제거하는 주의사항에 대해 알려드리겠습니다. 아래에서 실제 사례를 살펴보겠습니다.

html

    <p>
        <p class=&#39;box-left&#39;></p>
        <p class=&#39;box-right&#39;></p>
    </p>

css

.box-left,.box-right{
        width:200px;
        height:200px;
        float: left;
        background: red;
        border:1px solid #333;
    }

첫 번째 방법

: .box{clear:box}

두 번째 방법

: .box{overflow:hidden}

세 가지 방법

: . box{overflow:auto}

네 번째 방법

: .box:after{ content:""; height:0; visibility:hidden;clear:both ;}.box{ Zoom: 1;}다섯 번째 방법: .box{height:200px} 높이 설정

여섯 번째 방법: .box{display:table}

이 글을 읽으신 것 같습니다. 사례 방법을 마스터하셨습니다. . 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요! 추천 자료:

CSS로 빨간 하트 그리기

표시와 가시성의 차이

CSS에서 바닥글 배치를 구현하는 여러 가지 방법

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