最常用的CSS清除浮动代码
在用CSS修饰页面样式的时候,浮动是非常普遍的,所以清除浮动也会经常的,为了减少冗余的代码,通常专业的写法是这样的:
操作方法
- 01
<div class="clearfix"> <div class="left"></div> <div class="right"></div> </div> 以上代码的意思就是,需要做清除浮动的父级元素命名类名为clearfix
- 02
添加清除浮动的子元素,不会增加多余的html元素: .clearfix:after{ content:"."; display:block; clear:both; height:0; visibility:hidden; }
赞 (0)