> 웹 프론트엔드 > CSS 튜토리얼 > CSS의 최소 높이 속성을 사용하는 방법

CSS의 최소 높이 속성을 사용하는 방법

silencement
풀어 주다: 2019-05-26 09:24:46
원래의
5214명이 탐색했습니다.

CSS의 최소 높이 속성을 사용하는 방법

Min-height 속성 정의 및 사용법

CSS에서 min-height 속성은 요소의 최소 높이를 정의하는 데 사용됩니다. 즉, 요소는 지정된 값보다 클 수 있지만 그럴 수는 없습니다. 그것보다 짧을 것입니다. 요소에 콘텐츠가 너무 많아 최소 높이가 들어갈 수 없는 경우 콘텐츠가 증가함에 따라 요소의 높이도 증가합니다. 이 속성은 음수 값 지정을 허용하지 않으며, 설정된 최소 높이에는 패딩, 테두리, 여백이 포함되지 않습니다.

min-height 속성은 요소가 특정 높이를 가져야 하지만 고정하고 싶지 않다는 것을 깨닫는 데 사용됩니다. 요소 콘텐츠가 요소의 최소 높이보다 작을 때 요소는 변경되지 않고 최소 높이를 유지합니다. 요소 내용이 요소의 최소 높이보다 큽니다. 요소의 내용이 증가하면 요소의 높이도 늘어납니다.

min-height 속성 유사 속성

max-height 속성: 요소의 최대 높이 설정

max-width 속성: 요소의 최대 너비 설정

min-width 속성: 요소의 최소 너비 설정 요소

min-height 속성 구문 형식

css 구문: min-height:length/%/inherit

JavaScript 구문: object.style.minHeight="10px"

속성 값 설명

length : 요소의 최소 높이를 정의합니다. 기본값은 0

%입니다. 요소를 포함하는 블록 수준 객체의 백분율을 기준으로 최소 높이를 정의합니다.

inherit: 부모로부터 min-height 속성 값을 상속합니다. 요소

인스턴스

CSS의 최소 높이 속성을 사용하는 방법

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿