1, 순수 CSS와 원칙의 삼각형을 만들 :
.demo {
폭 : 0;
키 : 0;
경계 : 5px 고체 투명;
국경에서 왼쪽 색상 : 빨강;
}
2, 왜 CSS 스타일을 초기화한다
하지 종종 표시 CSS의 차이를 초기화하는 브라우저 페이지 사이에 표시하는 경우 다른 기본 브라우저 힙 라벨은 다릅니다.
추천하지 않습니다 * {패딩 : 0; 여백 : 0;}
당신이 부동을 취소하려는 이유 3, 설명? 클리어 부동 방법
1) 상위 DIV의 높이를 정의하기위한
종래의 클래스 이용 2)
:: 전에 .clearfix을 :: .clearfix 후 {
콘텐츠 '';
표시 표;
}
.clearfix {:: 후
클리어 : 모두;
}
.clearfix {
* 줌 :. 1 // 즉, 브라우저 별 특성이 제공되어, 검색 스케일링
}
. 후 : 3), 말대꾸는 부모 DIV 클래스 정의 의사 부동 요소를 컴파일 시간
및 :: 후, : {전
""; 콘텐츠
시정 : 숨겨진;
디스플레이 : 블록 // 레벨 블록 표시 소자의 발생 소자를 만들 나머지 공간을 채우기
신장 0
클리어 : 모두 // 레이아웃 높이를 생성하는 오리지널 컨텐츠의 손상을 방지 할
}
4, 디스플레이 : 숨겨진 차이점 : 없음 및 가시성
디스플레이 : 없음 요소가 완전히 렌더링은 어떤 공간을 차지하지 않는 렌더링 트리에서 사라집니다, 가시성 : 숨겨진 요소, 요소 내용이 표시되지 않습니다 렌더링 할 때 공간을 차지 계속 렌더 트리에서 사라하지 않습니다.