CSS에서 부동 소수점을 지우는 여러 가지 방법

1.clear:both;

이 방법에는 문제가 있습니다. 여백이 유효하지 않습니다.

2. 칸막이벽 방식

    <p class="box1">
    </p>
    <p class="cl hl"></p> /*墙*/
        <p class="box2">
    </p>

    cl{
        clear: both;
    }
    .hl{
        height: 16px;
    }

• 진화한 "내벽 방식"

  <p>
      <p></p>
      <p></p> /*两个p都浮动，所以p不会被撑出高*/
      <p class="cl"></p> /*在家里建一堵墙就能让儿子给p撑出高*/
  </p>

참고: 일반적으로 사용되지 않음 메소드는 페이지 태그를 추가합니다.

3.overflow:hidden;

원래 의도는 상자 바깥으로 넘친 텍스트를 지우는 것입니다. 그러나 부유물을 제거하는 민간 요법으로 사용할 수 있습니다.
참고: 이 방법은 요소가 오버플로된 영역이 숨겨지기 때문에 일반적으로 사용되지 않습니다.

4. 의사 요소 사용

.clearfix:after {
    　　　　content: '';
   　　　　 height: 0;
   　　　　 line-height: 0; /*或 overflow:hidden*/
    　　　　display: block;
    　　　　visibility: hidden;
    　　　　clear: both;
　　　　}
　　　　.clearfix {
   　　　　 zoom: 1;  /*兼容ie6*/
　　　　}

5. 이중 의사 요소 태그

페이지에 없는 요소는 CSS를 통해 추가할 수 있습니다. 의사 요소.

아아아아

위 내용은 CSS에서 부동 소수점을 지우는 여러 가지 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!