注册/登录,欢迎光临!
加入收藏设为首页网站地图
您当前的位置:辛勤IT网 >> 网页设计 >> DIV+CSS >> 最常用CSS清除浮动代码
热门:word | excel | powerpoint

最常用CSS清除浮动代码

2022/4/1 20:35:56 所属分类:网页设计 - DIV+CSS
内容提要:最常用CSS清除浮动代码,我们在用CSS修饰页面样式的时候,浮动是非常普遍的,所以清除浮动也会经常的,清除浮动的方法不少,但是唯爱伪元素清除浮动这个方法,为了减少冗余的代码,专业的写法如下:......

  我们在用CSS修饰页面样式的时候,浮动是非常普遍的,所以清除浮动也会经常的,清除浮动的方法不少,但是唯爱伪元素清除浮动这个方法,为了减少冗余的代码,专业的写法如下:

    .clearfix:after{

          content:"";

          display:block;

          clear:both;

          height:0;

          visibility:hidden;

    } /*所有主流浏览器都支持 :after 伪元素。*/

    .clearfix{*zoom:1;} /*只针对IE6/7*/

  案例:

    <div class=" main clearfix">

       <div class="left"></div>

        <div class="right"></div>

    </div><

  以上代码的意思就是,需要做清除浮动的父级元素命名类名为clearfix。

网页设计 | DIV+CSS
相关文章
最近更新
推荐信息
关于我们 | 联系方式 | 对话本站 | 版权声明 | 所有信息