/* 通过overflow的方式 */02 |
.overflow-clear{ |
03 |
overflow:auto;/*或者 hidden,scroll,不包括visible */
|
04 |
_height:1%; /*设置高度是为了ie6获取haslayout */
|
05 |
} |
06 |
/* display 的方式*/ |
07 |
.display-clear{ |
08 |
display:inline-block;
|
09 |
} |
10 |
/* position的方式 */ |
11 |
.position-clear{ |
12 |
position:absolute;
|
13 |
} |
14 |
/* 浮动方式 */ |
15 |
.float-clear{ |
16 |
float:left; /*或者right，不是none就行*/
|
17 |
} |
18 |
/*zoom 的方式*/ |
19 |
.zoom-clear{ |
20 |
zoom:1;/* only for IE6.7 因为他们haslayout，ie8以后和标准浏览器都弱化了haslayout */
|
21 |
} |
22 |
/*after伪类+content方式*/ |
23 |
.clearfix:after { |
24 |
content: ".";
|
25 |
display: block;
|
26 |
height: 0;
|
27 |
clear: both;
|
28 |
visibility: hidden;
|
29 |
} |
30 |
/* Hides from IE-mac \*/ |
31 |
.clearfix {height: 1%;}
|
32 |
/* End hide from IE-mac */ |