前提・実現したいこと
html css初心者です。
ブラウザを縮小させた時にレイアウトが崩れてしまいます。
発生している問題・エラーメッセージ
画像の上に画像を表示しているのですが、
ブラウザを縮小すると、画像の上に置いた画像が画面外に飛びでており画像が見えなくなります。
画像の上に置いた画像は .logoです
該当のソースコード
HTML
1 2 3<div class="main"> 4 <img src="images/〇〇.jpg" class="ma_pic"> 5 <img src="images/■■.png" class="logo"> 6</div> 7 8
css
1.ma_pic { 2 position: relative; 3 width: 100%; 4} 5 6.logo{ 7 position: relative; 8 max-width: 100%; 9 margin: 100px; 10 top: -300px;} 11
各画像の大きさと、どのようなレイアウトにしたいのかを詳細に提示してください。画像等で図示すると回答もつきやすくなるかと思います。