절대 위치에 있는 하위 항목을 수용하기 위해 상위 컨테이너의 높이를 자동으로 조정하도록 하려면 어떻게 해야 합니까?

절대 위치에 있는 하위 항목과 상위 키

절대적으로 위치하거나 상대적으로 위치에 있는 하위 항목이 있는 컨테이너가 있습니다. 이러한 어린이를 수용할 수 있도록 용기의 높이를 조정하는 것은 어려운 일입니다. 옵션과 제한 사항을 살펴보겠습니다.

1. CSS 제한 사항:

절대 위치에 있는 요소는 문서 흐름에서 분리됩니다. 따라서 그들의 치수는 부모의 키에 영향을 미칠 수 없습니다. 이 상황에서는 부모의 키를 수동으로 설정하는 것이 작동하지 않습니다.

2. JavaScript 솔루션:

자녀의 키를 알 수 없으므로 JavaScript를 사용하여 렌더링 후 키를 찾고 해당 값을 사용하여 부모의 키를 동적으로 설정할 수 있습니다.

3. 대체 접근 방식:

절대 위치 지정을 사용하는 대신 float: left/float: right 및 여백 사용을 고려해 보세요. 이 기술은 문서 흐름을 중단하지 않고 하위 항목을 배치합니다. 또한 상위 항목에overflow:hidden을 적용하거나 aclearfix 메소드를 구현하면 하위 항목을 수용할 수 있도록 상위 항목의 높이가 확장됩니다.

위 내용은 절대 위치에 있는 하위 항목을 수용하기 위해 상위 컨테이너의 높이를 자동으로 조정하도록 하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!