CSS で float した要素の高さが 0 になる問題の解決法 ( clearfix ) | monopocket.jp

2013/05/30 153 users clearfix clear float CSS バック

Web サイトのレイアウトをする際に CSS で float する場面は頻繁にあると思うが、このときに面倒なのが、float した要素の高さが 0 になってしまうということである。 この問題を解決するための方法として、clearfixというハックがある。 これは、高さを指定したい要素の後に無理矢理コンテンツを突っ込んで、そのコンテンツを非表示にする事で高さ指定させる方法である。 以下に clear... 続きを読む