상위 컨테이너와 일치하도록 고정 위치 Div의 너비를 어떻게 설정할 수 있습니까?-CSS 튜토리얼-php.cn

상위 컨테이너와 일치하도록 고정 위치 Div의 너비를 어떻게 설정할 수 있습니까?

Mary-Kate Olsen

풀어 주다： 2024-11-19 12:45:03

원래의

410명이 탐색했습니다.

How Can I Set the Width of a Fixed Positioned Div to Match its Parent Container?

위치 고정 div의 너비 설정 문제

"위치: 고정" div에 너비를 100% 할당하려는 경우 , 요소가 브라우저 창이나 문서의 너비를 계속 채택하는 경우 딜레마가 발생합니다. 특정 너비로 상위 div를 정의했음에도 불구하고 고정 div는 이를 준수하지 않습니다.

이 문제를 해결하려면 상위 div 내에 중첩된 모든 div에 스타일 속성 "width:inherit"를 적용하세요. 이 솔루션은 다음 HTML 및 CSS 코드에서 설명됩니다.

<div>

로그인 후 복사

#container {
    width: 800px;
}

#fixed {
    position: fixed;
    width: 100%;
}

#fixed * {
    width: inherit;
}

로그인 후 복사

고정 div의 하위 요소에 대해 "width:inherit"를 지정하면 상위 요소의 너비를 상속하여 정렬이 보장됩니다. 원하는 크기로.

위 내용은 상위 컨테이너와 일치하도록 고정 위치 Div의 너비를 어떻게 설정할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!