最常用的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)

相关推荐

  • css清除浮动float的方法

    介绍几种清除浮动的方式,常见常用~代码直接贴图嗷 操作方法 01 给父级div人为定义height,解决父级div不能自动获取到高度的问题. 02 添加一个空div,并定义clear:both清除浮动 ...

  • CSS清除浮动 个人搜集的方法经验

    一般是一个盒子里使用了CSS float浮动属性,导致父级对象不能被撑开 所以要清除浮动 操作方法 01 方法一    overflow: hidden; 父元素加上 overflow: hidden ...

  • css怎么清除浮动

    清除css浮动几乎可以说的每个web前端开发者所必备的技能之一,但有些刚刚接触html.css的童鞋,还不懂如何清除css浮动,导致页面布局错乱,本文将介绍三种清除css浮动的方法 操作方法 01 首 ...

  • css+div浮动与清除浮动

    css中基本定位机制:浮动 浮动框可以左移动或者右移动,直到它的边缘碰到包含框或另一个浮动框的边缘为止. 任何元素都能浮动. 操作方法 01 浮动:float left 图像或文本浮动在父元素的左边 ...

  • CSS清除初始样式

    以前只会 body{margin: 0;padding: 0;}这个样式,看到一个视频,还有许多,就手打出来了 操作方法 01 这是在dw上面的代码 02 代码如下 body,ul,ol,li,p,h ...

  • 网页设计中有哪5类常用的CSS样式

    操作方法 01 网页设计中常用到CSS样式有哪些?CSS样式能让我们快速实现一些功能,在这里和大家分享,CSS样式的五种方式如何应用在网页设计中,文中我们就详细说到代码的实现,希望对从事网页设计的朋友 ...

  • 如何注释html、css、js代码

    不是每行代号都需要注释,但注释代码量要占10% ~ 20%,以免其他人在检测调试代码的时候,不知道这段代码是什么意思,还得从前面开始理解代码,增加别人的工作量.下面,我们来看看如何注释html.css ...

  • 用css配合HTML代码制作导航条下拉面板

    导航下拉面板能让导航装载更多的内容,添加更多的关键词,有利于优化,也使网站显得更加高端大气,如果您需要,我就来提供! 操作方法 01 首先我们来看看下拉面板的效果吧,这个事稍微复杂一点的下拉面板,我们 ...

  • 五个常用的Linux监控脚本代码

    为大家提供五个常用Linux监控脚本(查看主机网卡流量、系统状况监控、监控主机的磁盘空间,当使用空间超过90%就通过发mail来发警告、监控CPU和内存的使用情况、全方位监控主机),有需要的朋友不妨看 ...