CSS 높이 해결 붕괴 : 실제에 웹 프런트 엔드 항목

1 : 요소의 붕괴는 플로우의 높이로 설정된다 : 숨김;
원리 : 오버플 이유는 숨겨진, 트리거 된 BFC
BFC 레이아웃 규칙 : BFC 높이 계산이 부유 요소는 또한 계산에 포함되는 경우.
단점 : 현재 요소의 내용의 위치 외부는 숨겨집니다.

; {모두 명확한} : 2 요소의 높이, 부동 요소 뒤에 배치하는, 붕괴 빈 사업부를 추가하고, 사업부 보인다
원칙을 : 투명 : 모두, 공간 예약 위의 플로트 무시
단점 : 형성 불필요한 빈 레이블, 코드 중복

3 : 클리어 보편적 인 법칙 :

选择符（高度塌陷的元素）：after{
    content:".";
    display:block;
    height:0;
    clear:both;
    overflow:hidden;
    visibility:hidden;
}