HTML&CSSの初級、中級編が終わり、次は上級!
、、とその前に復習がてら道場コースが用意されていた。
内容としてはいつもの塗り絵的なノリがほとんど無く、自由帳的なノリだ(笑)
むずい(笑)
ミスをここに書いとく。
それは
float:left;
で横並びにしようと、header-logoにそれを打ち込んでって、
header-list liにも打ち込んだら、画面が真っ白になったのだ。
跡形もなく全部消えたよねw
原因を自分なりに「 float 全部消える 」とググると
以下のブログがヒットした。
読んでみると、親ボックス、小ボックス、とよくわからん単語が出てきたけれど、
最も簡単な対処法は親ボックスに高さをつけることらしい。
、、なるほど。
ということで、親ボックス?と考えられるheaderに高さをつけた。
見事解決した!!!
やってみて。。。
今まで塗り絵的なノリで学習していて知識がちゃんと身についているか不安だったけれど、何回も打ち込んでいるコードに関しては結構理解できていて驚いた。
しかし、自分が打ち込まない(塗り絵的なノリで言うと、すでに塗ってあるところ)に関してはほとんど理解できていなかった。
そのため、かなり単純なコードではあったけれど、めちゃめちゃむずかった。だから、仕様書通りできたときの快感が半端ない。
とりあえず、道場コースクリアしたいね。
なんだかんだamoをめっちゃ聞いてる梅雨入り前。