clearfixを用意する

使わないのが一番よいのですが、どうしても必要な時には、

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

参考:[CSS]floatを解除する「clearfix」のIE6/7に対応した改良版

使わない方法は

参考:clearfixを使わないでやるには。

  • written on 2012.10.24
  • category : css

Next / Prev

前の記事:

次の記事:

Same Category

Page top↑