スクロールすると縦でも横でも見切れて白画面になる件
width:100%とかheight:100%;はブラウザの100%なんで、スクロールするページだと背景とか切れてしまう。
こういう時は、そもそも100%の必要がなければ外してみる
それでもだめなら以下
html { 背景指定とかbox-shadow insetとか } html, body { height: auto; min-height: 100%; }
これでスクロールしても高さに合わせて装飾される。幅の場合は、widthに読み替えればいいんじゃね?