웹 프런트엔드에서 실전으로: CSS로 높은 함몰 해결

448 단어 css
1: 높이가 내려앉은 요소에 오버플로우:hidden 설정하기;원리:overflow:hidden 때문에;BFC BFC 레이아웃 규칙을 터치했습니다. BFC의 높이를 계산할 때 안의 부동 요소도 계산에 참여합니다.폐단: 현재 요소 밖으로 포지셔닝된 내용은 숨겨집니다.
2:고도로 내려앉은 원소에 부동원소 뒤에 공div를 추가하고div{clear:both;}원리:clear:both;위의 부동 요소가 미리 남긴 공간 폐단을 무시합니다: 불필요한 빈 라벨을 형성하고 코드가 불필요합니다
3:만능 제거법:
   (       ):after{
    content:".";
    display:block;
    height:0;
    clear:both;
    overflow:hidden;
    visibility:hidden;
}

좋은 웹페이지 즐겨찾기