CSS의 작은 세부 사항

1. 가시성이 있는 요소를 숨기면 리플로우 및 리페인트(리플로우 및 리페인트)가 발생하지 않지만 동시에 가시성을 숨기면 관련이 발생하지 않습니다(즉, 하위 요소가 표시될 때). 부모의 숨겨진 ; 글꼴:0/0 'songti' 교체;

3. 숨겨진 요소를 결합하기 위해 height:0;overflow:hidden을 사용할 때 하위 요소에 position:absolute가 포함되어 있으면 영향을 받지 않습니다. 또는 고정(상위 요소에 위치 속성이 없음)하면 숨겨진 "잘못"이 발생합니다(즉, 하위 요소가 절단의 영향을 받지 않습니다. 참고: 상위 요소의 너비도 0으로 설정된 경우 IE6 및 7 이상한 "버그" 숨겨진 하위 요소가 있을 것입니다. 버그라고 하는 이유는 이때 IE 디버깅 도구를 열고 숨겨진 상위 하위 요소가 이상하게 나타납니다. 문제는 아시는분 답변드리겠습니다)

4. 위치 : 절대, 왼쪽/상단 및 기타 속성값은 적용되지 않습니다. 해당 요소는 공간을 차지하지 않는 일반 요소입니다. 즉, 이 요소는 일반적으로 상위 요소로부터 text-align과 같은 속성을 상속할 수 있습니다(참고: 상속 후 정렬은 기준선으로 자체 왼쪽을 기준으로 합니다. 예를 들어 text-align:right를 정의한 후 정렬됩니다. 가장 왼쪽 가장자리는 부모의 가장 오른쪽 가장자리와 약간 복잡하며 직접 테스트해 보면 더 명확해집니다. 예:

);