HTML 최소 높이 사용법 요약

min-height 속성은 요소의 최소 높이를 설정합니다. 이 속성 값은 요소 높이의 최소 제한을 설정합니다. 따라서 요소의 높이는 지정된 값보다 클 수 있지만 작을 수는 없습니다. 음수 값은 지정할 수 없습니다.

아래에서는 최소 높이의 사용법을 요약합니다.

1.CSS의 최소 높이 및 최대 높이 속성

최소 높이 및 최대 높이 스타일 속성을 사용하는 이유는 무엇입니까?

Css min-height 적용 위치 설명

내용이 없을 때 개체가 열리지 않도록 개체 상자를 설정했지만 내용을 확인할 수 없어 높이를 고정할 수 없습니다. 이제 최소 높이를 설정하려면 CSS가 필요합니다. 최소 높이는 개체 상자를 올립니다. 콘텐츠가 작은 경우 최소 높이로 콘텐츠를 표시할 수 있습니다. 콘텐츠가 최소 높이보다 크면 콘텐츠가 증가함에 따라 개체도 늘어납니다.

2.최소 높이에 대한 주의 사항

방법 1:
min-height:160px; Firefox 및 IE7+에 적용되는 개체 상자의 최소 높이를 설정합니다.
height:auto!important; 개체 상자의 최소 높이를 설정합니다. 높이의 자동 위치 지정이 없습니다. 개체의 높이를 설정하려면 !important를 사용하세요. 중요합니다. 이 속성은 IE6에서만 인식됩니다.

3.

IE6은 min-height 또는 max-width_html/css_WEB-ITnose와 같은 완벽한 솔루션을 지원하지 않습니다.

또 IE6입니다! ! ! 귀찮은 IE6은 최소 높이를 지원하지 않지만 실제 작업에서는 이 속성이 매우 필요합니다. 그렇다면 IE6에서 어떻게 구현하나요? Geniusalien이 제공하는 완벽한 솔루션을 확인하세요:

(Geniusalien의 따뜻한 알림: 이 문서의 최소 높이 작업 방법은 min-width, max-width 및 max-height에 대해 시도되었습니다. 아래와 동일한 솔루션을 따르세요!)

4.

DIV CSS 웹페이지 레이아웃의 최소 높이(min-height) 활용_체험 교환

최소 높이는 콘텐츠가 작을 때 BOX의 최소 높이를 설정할 수 있습니다. BOX는 일정하게 유지될 수도 있습니다< ;/p>

현재 효과는 IE에서 최소 높이가 150px로 유지되지 않는다는 것입니다.

5.

높이와 최소 높이의 차이에 대한 웹 프런트엔드 초보자의 메모

브라우저 참조 벤치마크: Firefox, Chrome, Safari, Opera, IE * IE6은 CSS 최소 높이를 지원하지 않습니다. 기인하다. 최소 높이 정의: 1. 요소에는 기본 높이가 있습니다. 2. 콘텐츠가 요소의 기본 높이를 초과하면 콘텐츠가 증가함에 따라 요소의 높이도 늘어납니다.

[관련 권장 사항]

1.

php. cn 원본 html5 비디오 튜토리얼

2.

Han Shunping의 2016년 최신 PC CSS 기본 비디오 튜토리얼

3.

Han Shunping의 2016년 최신 html 기본 비디오 튜토리얼

4.

Han Shunping의 최신 html 고급 비디오 튜토리얼 2016

위 내용은 HTML 최소 높이 사용법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!