자식 요소의 폭이 부모 요소보다 큰 방법 CSS
margin 사용
부모 요인보다 아이를 더 크게 만들고 싶어요.
필요조건
.gray-block{
height: 240px;
background-color: #EDEDED;
margin: 0 calc(50% - 50vw);;//親要素の半分の幅だけずらして、画面の半分の幅だけ戻す
margin-top:-120px; // ネガティブマージンで画像に重ねる
z-index: 1;
}
참조문: 자식 요소를 부모 요소(내부 너비)를 초과하여 화면을 가득 채우는 CSS
Reference
이 문제에 관하여(자식 요소의 폭이 부모 요소보다 큰 방법 CSS), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://zenn.dev/koniman/articles/bb0cc9d15fd3a3텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)