本篇文章主要介绍了"CSS清除浮动_清除float浮动"，主要涉及到float方面的内容，对于Javascriptjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下：
CSS清除浮动方法集合 一、浮动产生原因 - TOP 一般浮动是什么情况呢？一般是一个盒子里使用了CSS float浮动属性，导致父级对象盒子不能被撑开...
- .divcss5{ width:400px;border:1px solid #F00;background:#FF0}
- .divcss5-left,.divcss5-right{width:180px;height:100px;
- border:1px solid #00F;background:#FFF}
- .divcss5-left{ float:left}
- .divcss5-right{ float:right}
- .clear{ clear:both}
Html代码：
- <div class="divcss5">
- <div class="divcss5-left">left浮动div>
- <div class="divcss5-right">right浮动div>
- <div class="clear">div>
- div>
clear清除浮动截图
clear清除浮动截图 使用CSS clear清除浮动
这个css clear清除float产生浮动，可以不用对父级设置高度 也无需技术父级高度，方便适用，但会多加CSS和HTML标签。
3、父级div定义 overflow:hidden
对父级CSS选择器加overflow:hidden样式，可以清除父级内使用float产生浮动。优点是可以很少CSS代码即可解决浮动产生。
overflow:hidden解决CSS代码：
- .divcss5{ width:400px;border:1px solid #F00;background:#FF0; overflow:hidden}
- .divcss5-left,.divcss5-right{width:180px;height:100px; border:1px solid #00F;background:#FFF}
- .divcss5-left{ float:left}
- .divcss5-right{ float:right}
HTML代码不变。
解决清除浮动后截图
