博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css3清除浮动
阅读量:4100 次
发布时间:2019-05-25

本文共 381 字,大约阅读时间需要 1 分钟。

第一种:加空标签(添加在浮动元素后面)

 

.clearfix{     clear: both;     width: 0;     height: 0;     overflow: hidden;}

 

 

第二种:利用:after伪类(作用在浮动元素的父元素上)

 

.clearfix:after {            display: block;            content: '';            width: 0;            height: 0;            clear: both;            visibility: hidden;        }

第三种:向父元素上添加 overflow: auto

 

 

.clearfix {            overflow: auto;        }

 

 

 

 

 

 

 

 

 

 

 

转载地址:http://mnzsi.baihongyu.com/

你可能感兴趣的文章
DirectX11 计时和动画
查看>>
DirectX11 光照与材质的相互作用
查看>>
DirectX11 镜面光
查看>>
DirectX11 三种光照组成对比
查看>>
DirectX11 指定材质
查看>>
DirectX11 点光
查看>>
DirectX11 聚光灯
查看>>
DirectX11 HLSL打包(packing)格式和“pad”变量的必要性
查看>>
DirectX11 光照演示示例Demo
查看>>
VUe+webpack构建单页router应用(一)
查看>>
Node.js-模块和包
查看>>
2017年,这一次我们不聊技术
查看>>
实现接口创建线程
查看>>
HTML5的表单验证实例
查看>>
程序设计方法概述:从面相对象到面向功能到面向对象
查看>>
SQL join
查看>>
JavaScript实现页面无刷新让时间走动
查看>>
CSS实例:Tab选项卡效果
查看>>
前端设计之特效表单
查看>>
前端设计之CSS布局:上中下三栏自适应高度CSS布局
查看>>