HTML、CSSでサイトを作っています。
Chromeの拡張機能「full page screen capture」でキャプチャしたところ、
画像右横のスクロールバー部分に隙間ができていました。
HTML
1<div class="wrapper"> 2 <div class="l-main"> 3 <div class="main-image"> 4 <img src="images/main-image01.jpg"> 5 <img src="images/main-image02.jpg"> 6 <img src="images/main-image03.jpg"> 7 </div>
CSS
1.wrapper { 2 width:100%; 3 overflow:hidden; 4} 5.l-main { 6 position: relative; 7 top: 0; 8 left: 0; 9} 10.main-image img { 11 display: block; 12 position: absolute; 13 z-index: 1; 14 top: 0; 15 left: 0; 16 margin: 0 auto; 17 padding: 0; 18}
まだまだ初心者なもので、わかりにくい質問文ですみません。
何度か調べて試してみても隙間がなくならず、困っています。
教えていただけるとうれしいです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/08/20 07:14