###前提・実現したいこと
HTMLとCSSを使いフルスクラッチでwebサイトを制作しています。そこで、ヘッダー画像を設定しようとしたのですがうまくいきません。
###発生している問題・エラーメッセージ
何もしない状態でウィンドウの大きさを変えても横幅一杯にヘッダー画像が表示されるのですが、スクロールすると白い空白に移動してしまいます。
###該当のソースコード
html
<div class="boxB"> <div class="box4"> <div class="picture"></div> </div> </div>
css
@charset "UTF-8"; .wrap { overflow: hidden; width:100%; } body { font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif; margin: 0px; } p { line-height: 1.5 } .boxB { margin: 0px; } .boxB .box4 { float: right; /*padding: -5px;*/ width: 100%; } .picture { height: 300px; background-image: url("") //urlは長いので割愛 min-width: 480px; }