디렉터리 구조:
콘텐츠 구조 [-]
|
설명 | ||||||||||
| 자동 | 기본값 | ||||||||||
| 길이 td> |
절대 길이 | ||||||||||
| % | 상대 길이 | ||||||||||
| 상속 | 상속 | tr>
여기서 저자는 상대 길이의 사용법을 주로 소개합니다. 절대 길이의 경우 독자는 CSS 크기 단위 px % em rem에 대한 자세한 설명을 참조할 수 있습니다. 
높이의 % 값 사용 정의:
이 값은 이를 포함하는 블록 수준 요소의 백분율을 기준으로 한 백분율입니다. .예:
<!DOCTYPE html><html>
<head>
<title>height.html</title>
<meta name="content-type" content="text/html; charset=UTF-8"><style>p{
width:50%;
height:50%;
border:1px solid red;}body{
border:1px solid green;
display:block;
height:100px;}</style></head><body><p>I am box with width 50% and height 50%</p></body></html>의 높이가 정확히 상위 요소
의 50%인 것을 확인하세요. <🎜><🎜><🎜><🎜><🎜><🎜><🎜><🎜> 참고 사항<🎜><🎜><🎜><🎜><🎜>위의 예에서는 이해를 확인합니다. 높이의 상대값을 활용하는 방법. 그러나 독자는 상위 요소가 높이를 정의하지 않으면 백분율을 사용한 하위 요소의 높이가 작동하지 않는다는 점에 유의해야 합니다. 이때 높이 값은 절대값으로 변경되지 않는 한 자동 값과 동일합니다. . 여기서는 hight가 정의되어 있지 않습니다. 즉, height를 전혀 쓰지 않는다는 의미이며, height를 0px로 정의하는 것과는 다릅니다. 독자는 다음 코드를 시도해 볼 수 있습니다. <🎜><🎜><body id="b" style="width:0px;height:0px;"> <br> <p id="er" style="width:50%;height:50%;border:1px solid red;"></p>
위 내용은 CSS의 hight 속성에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
