css 背景をスクロールしても下まで伸ばしたかった話

どーもZOEです。

CSSで詰まった部分をメモがわりに書いときます！

今回、詰まったのは　height: 100%;　について

ちゃんと100％って書いてあるのに画面の一番下まで適応してくれない。

.side-bar{

  height: 100%;

}

＜解決策＞

application.cssに

html, body{

  height: 100%;

}

 

これで解決できました。

ちゃんと全体で100％を定義してあげないといけないみたいですね