1.在标签结尾处加空div标签 clear:both 源代码: 效果: 原理: 添加一个空div,利用css提高的clear:both清除浮动,让父级div能自动获取到高度。 优点: 简单、代码少、浏览器支持好、不容易出现怪....2.父级div定义 伪类:after 和 zoom 源代码: 效果: 原理: 元素生成伪类的作用和效果相当于方法2中的原理,但是IE8以上和非IE浏览器才支持:after,zoom(IE转有属性)可解决ie6,ie7浮动...
.clearfix{*zoom:1;/*ie6清除浮动的方式 *号只有IE6-IE7执行,其他浏览器不执行*/} 4.使用before和after双伪元素清除浮动 效果跟第三种方式是一样的!!!
优点:项目中使用,直接给标签加类即可清除浮动 4、双伪元素清除法 操作: /* .clearfix::before 作用: 解决外边距塌陷问题 外边距塌陷: 父子标签, 都是块级, 子...
方法二:使用CSS的overflow属性 给浮动元素的容器添加overflow:hidden;或overflow:auto;可以清除浮动,另外在 IE6 中还需要触发 hasLayout ,例如为父元素设置容器宽高或设置 zoom:1。...
2、利用BFC特性清除浮动 html代码: 浮动 不想被浮动影响 css代码: .wrap{ width:500px; border:1px solid red; margin:0 auto; overflow:hidden; } .float{ width:200...
css清除浮动的方法一: 使用带clear属性的空元素 在浮动元素后使用一个空元素如,并在CSS中赋予.clear{clear:both;}属性即可清理浮动。亦可使用或来进行清理。 .news{ background-color:gray; borde...
下面总结几种清除浮动的方法 1,父级div定义 height 2,结尾处加空div标签 clear:both; 3,父级div定义 伪对象:after 和 zoom 4,父级div定义 overflow:hidden 5,父级div定义 overflow:...
css清除浮动的方法:1、给父div定义高度。2、使用空元素。3、让父级div也一起浮起。4、父级div定义display:table。5、父元素设置overflow:hidden,auto。6、父级div定义伪类。
收录于:2022-11-26 15:40:30