실제에 웹 프론트 엔드 항목 : 방법의 개요는 부동을 취소합니다

방법이 명확의 끝에서 비어있는 div 태그를 추가하려면 두

페이지에 미치는 영향 부동 취소, 둘 : 그리고 부동 상자에서 레이블을 넣어,이 탭에서 명확한 사용합니다.

참고 : 플로트을 취소 정상적인 상황에서 방법의이 종류를 사용하지 마십시오. 이 때문에 명확한 플로트 방식의 구조를 혼란, 태그를 증가시킵니다.

<div class="box">
    <div class="red">1</div>
    <div class="sienna">2</div>
    <div class="blue">3</div>
    <div class="clear"></div>
</div>
web前端开发学习Q-q-u-n： 767273102 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细的前端项目实战教学视频）

부모 DIV 오버 플로우에 정의 된 두 번째 방법 : 자동

원칙 :주의하는 부동 점을 제거하기 위해 오버 플로우 속성을 사용하여이 오버 플로우는 세 곳 중 한 속성 : 숨겨진, 자동차, 볼. 우리는 플로트을 취소 hiddent 및 자동 값을 사용하지만, 눈에 보이는 값을 사용하지 않는 기억

<div class="box over-flow">
    <div class="red">1</div>
    <div class="sienna">2</div>
    <div class="blue">3</div>
</div>
web前端开发学习Q-q-u-n： 767273102 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细的前端项目实战教学视频）

세 가지 방법은 의사 부동 요소를 제거합니다 (: 후, 참고 : 아버지의 역할을 떠 요소)

(참고 :이 방법은 주로 권장)

.clearfix:after{
    content:"";/*设置内容为空*/
    clear:both;/*清除浮动*/
     display:block;/*将文本转为块级元素*/
    height:0;/*高度为0*/
    visibility:hidden;/*将元素隐藏*/
}
.clearfix{
    zoom:1;/*为了兼容IE*/
}
web前端开发学习Q-q-u-n： 767273102 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法（详细的前端项目实战教学视频）

끝 ~~~