🤯 CSSブラウザウィンドウの左右(幅)を減らしてオブジェクトを移動しないには
2577 ワード
💬 会社の業務の中で公開市場の企画前の仕事の中で発生したホットスポットを整理します
[HTMLマークアップ]
[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;}
親に高さと幅の値を指定し、固定位置は子供の下にあります.Reference
この問題について(🤯 CSSブラウザウィンドウの左右(幅)を減らしてオブジェクトを移動しないには), 我々は、より多くの情報をここで見つけました https://velog.io/@leemember/CSS-브라우저창-좌우너비-줄일-때-객체가-움직이지-않도록-하려면テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol