상위 HTML에서는 하위 요소의 결합된 높이에 맞게 높이를 동적으로 조정하는 상위 요소가 필요한 경우가 많습니다. 예를 들어 상위 이를 달성하려면 다음 CSS 규칙을 상위 이 규칙은 브라우저는 상위 가로 스크롤 막대 문제 및 해결 주어진 예에서는 하위 콘텐츠가 브라우저 창의 너비에 따라 현재 CSS는 상위 이렇게 하면 페이지 수준에 가로 스크롤 막대가 생성되어 하위 콘텐츠가 브라우저 창 너비를 초과하는 경우 사용자가 가로로 스크롤할 수 있습니다. 테이블을 사용한 대체 솔루션 디스플레이 상위 위 내용은 상위 요소를 하위 요소에 맞게 수직으로 확장하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요! 확장 하위 요소를 수직으로 수용하기 위해
두 개의 각각 다양한 콘텐츠를 포함하는 하위 요소입니다. 기본적으로 상위 가장 큰 아이의 키만큼만 차지합니다. 그러나 상위 의 CSS를 수정하는 것은 가능합니다. 하위 항목의 높이를 기준으로 세로 확장을 활성화합니다.
에 적용할 수 있습니다.
overflow: auto;
로그인 후 복사에 수직 스크롤바를 자동으로 추가합니다. 콘텐츠가 사용 가능한 높이를 초과하는 경우. 결과적으로 상위 하위 요소의 증가된 높이를 수용하기 위해 수직으로 확장됩니다.
에 가로 스크롤 막대를 도입합니다. 이 문제를 해결하고 스크롤 막대를 페이지 수준으로 이동하려면 다음 CSS 속성을 태그:
body {
overflow-x: auto;
}로그인 후 복사 상위 요소에는 "table" 표시 속성을 사용하고 하위 요소에는 "table-row" 표시 속성을 사용하는 것입니다. 그러면 상위
테이블 컨테이너 역할을 하고 하위
는 테이블 행 역할을 합니다. 이 테이블 기반 접근 방식에서는 상위
의 높이가 하위 요소의 결합된 높이에 맞게 자동으로 조정됩니다.
원천：php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
2024-12-26 19:05:14
2024-12-26 19:04:13
2024-12-26 19:03:10
2024-12-26 19:02:10
2024-12-26 19:01:09
2024-12-26 19:00:14
2024-12-26 18:59:17
2024-12-26 18:58:10
2024-12-26 18:57:11
2024-12-26 18:56:22
최신 이슈
자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다.
처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다.
에서 2024-04-19 15:37:47
0
1
2047
상위 창에 출력이 없습니다.
document.onclick = function(){ window.opener.document.write('나는 자식 창의 출력입니다.');
에서 2024-04-18 23:52:34
0
1
1931
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
