1：给父元素设置宽高
原理：父级DIV手动定义高度，就解决了父级DIV无法自动获取到高度的问题。
优点：简单，代码少，掌握容易
缺点：只适合高度固定的布局，要给出精确的高度，如果高度和父级DIV不一样时，产生会问题
建议：不推荐使用，只建议高度固定的布局时使用
。warp { width：500 px ; 身高：90 像素; }
2：在需要消除浮动的结构尾部添加一个div元素。给这个元素添加一个clear：both。
原理：添加一个空DIV，CSS利用提高的明确：既清除浮动，让父级DIV自动能电子杂志到高度
优点：简单，代码少，浏览器支持好，容易不怪出现问题
缺点：不少初学者不理解原理;如果页面浮动布局多，就要增加很多空格，让人感觉很不好
建议：不推荐使用，但此方法是以前主要使用的一种清除浮动方法
<DIV 类= “经纱” > <DIV 类= “DIV1” > <H3>企业用酒</ H3> </ DIV> <DIV 类= “DIV2” > <P> <a href= "">商务用酒</A> <a href= "">商务用酒</A> <a href= "">商务用酒</A> <a href= "">商务用酒</A> <a href= "">商务用酒</A> <a href= "">商务用酒</A> <a href= "">商务用酒</A> <a href= "">商务用酒</A> <一个HREF = “” >商务用酒</A> </ p> </ DIV> <DIV 类= “清除” > </ DIV> <！ -清除浮动- > </ DIV>
3：父级div定义伪类：after和zoom
原理：IE8以上和非IE浏览器才支持：后，原理和方法2有点类似，变焦（IE转有属性）可解决IE6，IE7问题浮动
优点：浏览器支持好，不容易出现怪问题（目前：大型网站都有使用，如：腾迅，网易，新浪等等）
缺点：代码多，不少初学者不理解原理，要两句代码结合使用才能让主流浏览器都支持。
建议：推荐使用，建议定义公共类，以减少CSS代码。
。warp：在 { display：block ; 明确：两者; 内容：“” ; 知名度：隐藏; 身高：0 } 。warp { zoom：1 }
4：父级div定义溢出：隐藏
原理：必须定义宽度或变焦：1，同时不能定义的高度，使用溢出：隐藏时，浏览器会自动检查浮动区域的高度
优点：简单，代码少，浏览器请立即获取iTunes好
缺点：不能和位置配合使用，因为超出的尺寸的会被隐藏。
建议：只推荐没有使用位置或对溢出：隐藏理解比较深的朋友使用。
。warp { overflow：hidden ; }
5：父级定义溢出：自动
原理：必须定义宽度或变焦：1，同时不能定义的高度，使用溢出：汽车时，浏览器会自动检查浮动区域的高度
优点：简单，代码少，浏览器请立即获取iTunes好
缺点：内部宽高超过父级的div时，会出现滚动条。
建议：不推荐使用，如果你需要出现滚动条或者确保你的代码不会出现滚动条就使用吧。
。warp { overflow：auto ; }