1分で読める！【CSS】floatプロパティの解除方法

本日のテーマは

floatプロパティの解除方法です。

前提（floatプロパティ使用の注意点

通常、親要素の長さは子要素全体の長さになります。

ただし、floatをしようすると親要素の高さが0になります。

※floatが「浮かす」という意味から小要素の長さが0になります。

この状況だとレイアウト崩れが起きてしまうので

floatプロパティを解除する必要があります。

実装方法

clear:left(right);を使用すればOKです！ 

   .sample{
    clear:left(right);
   }