WEBデザインの勉強

WEB制作初心者が1から勉強するブログ。

clearfix

clearfix

下記のCSSを記述し、
floatをしている要素の親要素にクラス「clearfix」
とつけると下の要素に影響が及ばないようにfloatを解除する(親要素の高さを出す)ことができる。

.clearfix:after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}