🤯 CSS 브라우저창 좌우(너비) 줄일 때 객체가 움직이지 않도록 하려면

💬 회사 업무중 오픈마켓 기획전 작업하다가 생긴 이슈정리

[HTML 마크업]

<!-- 동영상 -->
   <div class="promotion-content-03">
      <div class="content-wrap">
        <div class="content-movie">
          <넣으려는 동영상 또는 이미지 />
        </div>
      </div><!-- //동영상 -->
    </div>

[CSS 작업]

#promotionWrapBody .promotion-content-03 {position: relative; height: 1191px; overflow: hidden; width: 1920px;}
#promotionWrapBody .promotion-content-03 .content-wrap {position: absolute; top:317px; left: 1403px;}
#promotionWrapBody .promotion-content-03 .content-wrap .content-movie { border-radius: 50%; width: 135px; height: 135px; overflow: hidden;box-sizing: border-box;}

부모한테 높이와 너비값을 지정해주고 위치 고정은 그 바로 밑에 자식한테 잡아주면 된다.