mt_web https://blog.hatena.ne.jp/mt_web/ mt_memo https://mt-web.hatenablog.com/ CSS Webデザイナー コーディング clearfix clearfixについて説明する前に、まずはfloatについて説明します。 floatとは、指定された要素を左または右に寄せて配置するときに使うタグです。float:leftで左寄せ、float:rightで右寄せを指定します。指定された要素は浮いた状態になっているため、それを解除するのがclearfixになります。 clearfix:after{ content:""; 何もない空白 display:block; 浮いたものをブロック要素にする overflow:hidden; 非表示にする clear:both; クリアにする } 親要素にoverflow:hiddenを入力することでfl… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmt-web.hatenablog.com%2Fentry%2F2016%2F11%2F08%2F193635" title="clearfixについて - mt_memo" 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 2016-11-08 19:36:35 rich https://mt-web.hatenablog.com/entry/2016/11/08/193635 1.0 100%