페이지 수준 스크롤을 유지하면서 확장된 하위 항목에 맞게 상위 Div의 크기를 동적으로 조정하려면 어떻게 해야 합니까?

한 가지 접근 방식은 상위 요소의 오버플로 속성을 자동으로 설정하는 것입니다. 이렇게 하면 콘텐츠가 오버플로될 수 있으며 필요한 경우 상위 항목 내에 세로 스크롤 막대가 생성됩니다. 그러나 이 접근 방식에는 하위 콘텐츠가 브라우저 창 너비를 넘어 확장되어 페이지 자체가 아닌 상위 항목에 가로 스크롤 막대가 표시되는 경우 단점이 있습니다.

이 문제를 극복하고 스크롤 막대가 페이지 수준에 표시되도록 하려면 , 다른 솔루션을 구현할 수 있습니다. 상위 항목의 표시 속성을 table로 설정하고 하위 항목의 표시 속성을 table-row로 설정하면 페이지 수준에서 가로 스크롤을 수용하면서 하위 항목의 높이를 포함하도록 상위 항목의 크기가 조정됩니다.

<br> /<em> 상위 </em>/<br>디스플레이: 테이블;<br>오버플로: auto;</p>
<p>/<em> Children </em>/<br>display: table-row;<br>

이 솔루션은 다음 문제를 해결하면서 원하는 수직 확장을 유지합니다. 가로 스크롤바 배치 문제

위 내용은 페이지 수준 스크롤을 유지하면서 확장된 하위 항목에 맞게 상위 Div의 크기를 동적으로 조정하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!