Web製作の最近のブログ記事

いつもieには悩まされるわけですが、今日もハマったのでメモとして残します。

あるブロックをfloatで寄せてその後にコメントを入れると、ブロックの内容が重複して表示されてしまう。

------------------------------
本文内容
------------------------------

としたはずが

------------------------------
本文内容
文内容
------------------------------

となったり。
もちろん2行目の「文内容」はソースのどこを探しても記述してありません。

親ボックスに次のclassを適用させる。

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

自分が使っている便利なフリーのツールたち。