DIV+CSS之清除浮动总结
当元素有浮动属性时，会对其父元素或后面的元素产生影响，会出现一个布局错乱的现象，可以通过清除浮动的方法来解决浮动的影响。
浮动的清理(clear):
值:
none:默认值。允许两边都可以有浮动对象；
left:不允许左边有浮动对象；
right:不允许右边有浮动对象；
both:左右两侧不允许有浮动对象。
清除浮动的方法：
第一种:额外标签法
这种方法应该是最简单的一种了，w3c建议在容器的末尾增加一个“clear:both"的元素
强迫容器适应它的高度以便装下所有的float元素。
<div id="main">
<div id="left"></div>
<div id="right"></div>
<div class="clear"></div>
</div>
<div id="footer"></div>
.clear{clear:both;}
第二种：父元素添加overflow:hidden;
注：如果子元素使用了定位布局，就会很难实现。
第三种：利用伪对象after方法
定义一个类，使用伪对象after,控制浮动元素的影响。网上最流行的清除浮动代码：
.clearFix:after{
clear:both;
display:block;
visibility:hidden;
height:0;
line-height:0;
content:'';
}
.clearFix{zoom:1;} /*解决ie6/7兼容问题*/
css溢出的使用
设置对象的内容超过其指定高度及宽度时，如何管理内容。
overflow:visible【默认值，不剪切内容也不添加滚动条】
auto【在必需时，对象内容才会被剪切或添加滚动条】
hidden【不显示超过对象尺寸的内容】
scroll【总是显示滚动条】
zoom属性：只有ie内核的浏览器支持，缩放比例。
设置或检索对象的缩放比例。
语法：normal【默认值，使用对象的实际尺寸】；number【百分数|无符号浮点实数。浮点实数
为1.0或百分数为100%时相当于此属性的normal值
zoom:1解决ie6高度自适应问题。
每天进步一点点。
最新评论：
no.14349 gowi.chltep 176.108.5.202 2018-06-21 20:25
no.14342 gowi.pktmep 176.108.5.202 2018-06-20 22:06
no.14336 gewi.pklman 176.108.5.202 2018-06-20 09:51
no.14334 bowi.pktmen 176.108.5.202 2018-06-20 03:36
no.14330 bowichltan 176.108.5.202 2018-06-16 01:49
no.14328 bewi.chtmen 176.108.5.202 2018-06-15 17:54
no.14324 gowi.chlman 176.108.5.202 2018-06-15 05:09
no.14318 nembuo321 176.108.5.171 2018-06-14 08:12
no.14310 nepbuo349 176.108.5.171 2018-06-13 11:23
no.14305 napbia641 176.108.5.171 2018-06-13 02:00
no.14303 napbuo349 176.108.5.171 2018-06-12 16:45
no.14300 nembio649 176.108.5.171 2018-06-12 08:41
no.14295 gapdia649 176.108.5.171 2018-06-11 23:26
no.14286 gepbuo649 176.108.5.171 2018-06-11 05:05
no.14281 napdia621 176.108.15.232 2018-06-10 18:56
no.14277 gemduo649 176.108.5.171 2018-06-10 07:04
no.14252 gapdua321 176.108.5.171 2018-06-09 08:51
no.14248 gamdia649 176.108.5.171 2018-06-08 21:18
no.14241 gapdio341 176.108.5.171 2018-06-08 03:18
no.14238 nepbio649 176.108.5.27 2018-06-07 16:43
no.14237 gambia641 176.108.5.113 2018-06-05 11:11
no.14235 nepdua649 176.108.5.113 2018-06-04 17:37
no.14230 heorguqrd 176.108.5.141 2018-05-27 10:45
no.14215 reopguard 176.108.5.141 2018-05-26 08:45
no.14207 reerhaakd 176.108.15.107 2018-05-20 18:23
no.14203 heorgaqrb 176.108.15.95 2018-05-19 15:48
no.14199 reerguarb 176.108.5.244 2018-05-19 05:55
no.14195 roophaard 176.108.5.244 2018-05-18 22:32
no.14190 heopgaqkd 176.108.5.133 2018-05-18 08:21
no.14185 reophuakd 176.108.5.133 2018-05-18 00:59
no.14180 hoophuard 176.108.5.7 2018-05-17 08:44
no.14175 reopguarb 176.108.5.7 2018-05-17 00:48
no.14170 reopgaakb 176.108.5.7 2018-05-16 16:17
no.14166 roerguarb 176.108.5.7 2018-05-16 05:47
no.14161 roepguqkd 176.108.5.7 2018-05-15 22:05
no.14156 hoepgaarb 176.108.5.7 2018-05-15 13:41
no.14151 heephuqrd 176.108.5.7 2018-05-15 06:42
no.14146 roergaqrb 176.108.15.152 2018-05-14 19:31
no.14141 reerhaqrb 176.108.5.7 2018-05-14 10:38
no.14136 roephaard 176.108.5.7 2018-05-14 04:44
no.14129 sarkpor4859 176.108.15.98 2018-05-13 19:23
no.14124 sarkper4899 176.108.5.7 2018-05-13 11:28
no.14114 serkpet4891 176.108.5.7 2018-05-13 05:14
no.14103 support 5.188.211.35 2018-05-12 18:02
no.14102 darkpot4891 176.108.15.102 2018-05-12 17:59
no.14093 darklor4851 176.108.5.7 2018-05-12 09:54
no.14084 darkper4891 176.108.5.7 2018-05-12 04:15
no.14074 sarklot4899 176.108.15.58 2018-05-11 16:41
no.14069 sarklot4899 176.108.5.7 2018-05-11 07:57
no.14064 derkpor4859 176.108.5.7 2018-05-10 10:48