max-width がイメージと違う動きをする? width と max-width と float を理解する

【CSS】max-widthについて調べて、floatとセットで使いたいけど使えない現状

某モズが CSS 勉強中とのことですが・・・

floatした要素にmax-widthを指定したときに
思った挙動と違うレンダリングになってしまいました。

そもそも max-width の部分よりも float の挙動を理解しきれていないのでは?と予想。

理解していない部分を確認して、どのようになるかを再確認してみましょう。

続きを読む