tmg1998 https://blog.hatena.ne.jp/tmg1998/ TIL https://tmg0525.hatenadiary.jp/ CSS HTML すべての子要素にfloatが設定されていると、親要素の高さは0pxになってしまう。そのため、子要素の高さに合わせて親要素も設定してくれるようにfloatを解除しないといけない See the Pen 子要素がすべてfloatしていると親要素の高さは0px by tamago (@tamago324) on CodePen. floatについては以下のサイトが参考になった CSSのfloatに困った時に見直したい6つのポイント、floatがどのように機能しているか分かりやすく解説 | コリス floatの解除方法 float解除用divの追加 【これ良い！！】親要素にdisplay: flow-… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftmg0525.hatenadiary.jp%2Fentry%2F2018%2F04%2F08%2F100459" title="floatの解除 - HTML - TIL" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2018-04-08 10:04:59 rich https://tmg0525.hatenadiary.jp/entry/2018/04/08/100459 1.0 100%