CSS height:auto가 작동하지 않는 경우 어떻게 해야 할까요?

css height:auto 솔루션이 작동하지 않습니다. 1. Chrome을 사용하여 재정의된 속성의 상위 CSS 속성을 찾아 삭제합니다. 2. 상위 요소에 "zoom:1;overflow:hidden;" 문을 추가합니다.

이 튜토리얼의 운영 환경: windows7 시스템, Chrome76.0&&CSS3 버전, Dell G3 컴퓨터.

관련 추천: "css 비디오 튜토리얼"

css height:auto가 작동하지 않습니다. 어떻게 해결하나요?

아마도 상위 요소가 플로팅 상태이기 때문에 플로팅이 문서 흐름에서 벗어나게 되고 두 개의 내부 레이어가 상위 레이어에 국한되지 않게 되므로 상위 레이어는 내부 높이를 알 수 없지만 정리가 가능합니다. 수레는 그들을 뒤로 "당길" 수 있습니다.

두 가지 해결 방법:

①크롬을 사용하여 재정의된 속성의 상위 CSS 속성을 찾아 삭제합니다.

② 상위 요소에 Zoom:1;overflow:hidden;

zoom:1을 추가하면 ie(ie8 이하)의 haslayout이 트리거되며, float:hidden을 정리하기에 충분합니다. (실제로 ie7에서도 작동합니다).

상위 DIV의 높이가 고정되면 Zoom:1;과 같이 ie(ie8 이하)의 haslayout이 트리거되지만 자동 값은 그렇지 않습니다.

위 내용은 CSS height:auto가 작동하지 않는 경우 어떻게 해야 할까요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!