shimgo
6/25/2017 - 10:58 AM

height: 100%が適用されない

height: 100%が適用されない

%で指定するには親要素のその属性の大きさが決まっていないと機能しない。
高さ、幅はデフォルトではautoになる。親要素のheightがautoでその子要素で100%を指定するとその子要素のheightもautoになる。
そのため、height:100%を正しく機能させるには親要素のheightを指定しておく必要がある(親要素に100%を指定してもその親要素の親がautoでは結局autoになってしまうため)。
親要素にpxとかで明示的に指定しなくてもhtml、body、さらにその直下から適用したい子要素までに%指定を続けることでも実現はできる。 ####参考 http://var.blog.jp/archives/28299286.html