0から目指すWebマスター Web制作に関する備忘録
検索

CSS

float段組みした場合のclear設定の方法

.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日追加)

個人的には最後のやり方で落ち着いてます。