本文主要介绍CSSClearFloatingMethods(Summary)的相关信息。小编觉得还是挺不错的，现在分享给大家，给大家一个参考。跟我一起来看看吧。1.父div定义伪类：after和zoom:after，原理和方法2有点类似，zoom（IE有属性）可以解决ie6和ie7的浮动问题优点：浏览器支持好，不易生怪问题（目前：大网站都在用，如：腾讯、网易、新浪等）缺点：代码较多，很多初学者不懂原理。只有两行代码一起使用，主流浏览器才能支持。★★★☆2.在最后添加一个空的div标签clear:both？123456789101112131415161718LeftRightdiv2原理：添加一个空div，使用clear:both通过css改进清除Floating，让父div自动获取高度优点：简单，代码少，浏览器支持好，不容易出现奇怪的问题缺点：很多初学者不懂原理；如果页面有很多浮动布局，需要加很多空的div，让人感觉很不舒服建议：不推荐，但是这个方法是以前主要用的清浮动方法评分：★★★☆☆3.父div定义高度？1234567891011121314LeftRightdiv2原理：手动定义父div的高度，解决了父div不能自动获取高度的问题优点：简单，代码少，容易掌握缺点：只适用于固定高度的布局，必须给出准确的高度，如果高度与父div不同，就会出现问题建议：不推荐，只推荐用于固定高度的布局评分：★★☆☆☆4.父div定义溢出：隐藏？1234567891011121314LeftRightdiv2原则：width或zoom:1必须定义，不能同时定义height。使用overflow:hidden时，浏览器会自动检查浮动区域的高度。优点：简单，代码少，浏览器支持好缺点：不能和position一起使用，因为多余的size会被隐藏建议：只推荐给没用过position或者对overflow:hidden有深刻理解的朋友评价：★★★☆☆5.父亲级别div定义溢出：自动？1234567891011121314LeftRightdiv2原则：width或zoom:1必须定义，不能同时定义height。使用overflow:auto时，浏览器会自动检查浮动区域高度优点：简单，代码少，浏览器支持好缺点：当内部宽高超过父div时，会出现滚动条建议：不推荐，如果你需要滚动条或者确保你的代码不会出现滚动条使用它。评分：★★☆☆☆6.父div也一起浮动？1234567891011121314LeftRightdiv2原则：所有代码浮动在一起，成为一个整体优点：无优点缺点：是创建新的浮动问题。建议：不推荐使用，仅供了解。得分：☆☆☆☆7.父div定义显示：table？1234567891011121314LeftRightdiv2原理：将div属性转成表格优点：无优点缺点：会产生新的未知题题建议：不推荐，仅供理解评分：☆☆☆☆8.补充br标签在最后clear:both?1234567891011121314151617LeftRightdiv2原理：parentdiv定义zoom:1解决IE的浮动问题，末尾加上br标签clear:both建议：不推荐，仅供参考理解分数：★☆☆☆☆以上就是本文的全部内容，希望对大家的学习有所帮助，更多信息请访问www.if98.com。
