ホーム > マークアップ > CSS > float段組みした場合のclear設定の方法
float段組みした場合のclear設定の方法
- 公開日
- 2007年12月04日
.group{
overflow:auto !important;
overflow /**/:hidden;
}
または
.group{
overflow:hidden;
}
.group:after{
content:"";
display:block;
clear:both;
height:1px;
overflow:hidden;
}
/*¥*/
* html .group{
height:1em;
overflow:visible;
}
/**/
または
.clearFix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearFix{
display:inline-table;
min-height:1em;
}
/*\*/
* html .clearFix{
height:1%;
}
.clearFix{
display:block;
}
/**/
または
.clearFix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearFix{
overflow:hidden;
min-height:1em;
}
/*\*/
* html .clearFix{
height:1%;
overflow:visible;
}
/**/
(2007年12月4日追加)
個人的には最後のやり方で落ち着いてます。
- この記事に関するご意見・ご感想をお待ちしております。