"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > 내 라벨 요소에서 `높이: 100%;`가 작동하지 않는 이유는 무엇입니까?

내 라벨 요소에서 `높이: 100%;`가 작동하지 않는 이유는 무엇입니까?

2024-11-07에 게시됨
검색:558

Why isn\'t `height: 100%;` working on my label element?

높이: 100%가 라벨 요소에 제대로 설정되지 않음

높이: 100%를 설정하는 문제가 발생했습니다. 라벨 요소에 적용되지 않는 것 같습니다. 이유를 이해하려면 이 설정의 컨텍스트를 조사해야 합니다.

높이를 100%로 설정하면 요소의 상위 컨테이너 높이를 나타냅니다. 귀하의 경우 부모는 .field 요소입니다. 그러나 .field에 정의된 높이가 없으면 브라우저에는 100%에 대한 참조점이 없습니다.

이 문제를 해결하려면 상위 요소(.field)에 정의된 높이가 있는지 확인하세요. .field의 특정 높이를 설정하면 레이블 요소의 높이에 대한 컨텍스트를 제공할 수 있습니다: 100%; 적절하게 계산되도록 설정합니다.

최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3