CSS에서 요소 높이를 적응적으로 설정하는 방법은 요소 위치 지정 및 패딩을 사용하여 특정 요소를 적응력 있게 만드는 것입니다. 코드는 [위치: 상대; 패딩: 60px 0 0;]입니다.
이 튜토리얼의 운영 환경: windows7 시스템, CSS3 버전, DELL G3 컴퓨터.
CSS에서 요소 높이를 적응형으로 설정하는 방법:
요소 위치 지정 + 패딩을 사용하여 특정 요소를 높은 적응력으로 만들 수 있습니다.
css 스타일:
html,body{ height:100%; margin:0; padding:0; } .wrap { height:100%; box-sizing: border-box ; position: relative; padding: 60px 0 0; } .header { height: 60px; position: absolute; top: 0; width: 100%; } .content { height:100%; }
html:
<div class="wrap"> <div class="header"> 我是头部信息 </div> <div class="content"> 我要高度自适应 </div> </div>
효과는 다음과 같습니다:
관련 튜토리얼 권장 사항: CSS 비디오 튜토리얼
위 내용은 CSS에서 요소의 높이를 조정 가능하게 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!