縦スクロールバーが2本出てくる&hidden消したら内側に出てきちゃう問題

今のPJにBacklogがないので備忘録

問題

・webサイトの縦に長いページだと縦スクバーが2本出てくる
・参考サイトで出てきた以下記述を消すと、横スクが出てくる＆縦スクがbodyの内側に出てきちゃう

css

html, body {
width: 100%;
overflow-x: hidden;　←消す
}

解決方法

css

html, header {
width: 100%;
overflow-x: hidden;
}

bodyをheaderにするだけでした。
これに1時間近くかけてたの工数泥棒としか言えず…。