자식 요소의 폭이 부모 요소보다 큰 방법 CSS

1587 단어 CSSScsstech

margin 사용



부모 요인보다 아이를 더 크게 만들고 싶어요.

필요조건

  • 모요소는padding을 사용하여 공백을 두지만 어떤 부분(회색의 부분)이 화면을 충분히 펼치길 바란다
  • 컴포넌트가 서로 중첩
  • .gray-block{
      height: 240px;
      background-color: #EDEDED;
      margin: 0 calc(50% - 50vw);;//親要素の半分の幅だけずらして、画面の半分の幅だけ戻す
      margin-top:-120px; // ネガティブマージンで画像に重ねる
      z-index: 1;
    }
    
    참조문: 자식 요소를 부모 요소(내부 너비)를 초과하여 화면을 가득 채우는 CSS

    좋은 웹페이지 즐겨찾기