如何消除浮动

简介: 如何消除浮动

第一种方法:

1、创建一个general.css文件:

@charset "utf-8";

.clearfix:after {content: "";display: block;clear: both;}

/* flex */  

.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}

.flexA {justify-content: space-around;}

.flexB {justify-content: space-between;}

.flexC {justify-content: center;}

/*------------------------------------------------------------

   common

------------------------------------------------------------*/

把这个代码放到里面

2、让他形成全局样式:,在main.js中引入全局样式

3、使用clearfix就行

清除浮动的影响,父类不加高度会坍塌

如果不清除浮动,不加高度,就会出现塌陷

清除浮动就要用Clearfix

第二种方法

给他添加overflow:hidden,一定要给父类元素添加

这种方法是:缺点是无法溢出浮动

第三种方法

以后只要把这句话复制一下,那个需要清除浮动直接粘贴就行

目录
打赏
0
0
0
0
42
分享
相关文章
ArcMap矢量图层的零碎、空洞区域填补与独立区域剔除:消除面部件
本文介绍在ArcMap软件中,基于消除面部件(“Eliminate Polygon Part”)工具,对矢量面要素的零碎、空洞区域加以删除,同时将游离于要素主体之外的部分剔除的方法~
112623 1
ArcMap矢量图层的零碎、空洞区域填补与独立区域剔除:消除面部件
|
5月前
|
小程序消除图片下边距的三个方法
小程序消除图片下边距的三个方法
138 69
除了伪元素清除法,还有哪些方法可以解决浮动布局的高度塌陷问题
【10月更文挑战第27天】不同的方法适用于不同的场景和布局需求,在实际开发中,需要根据具体情况选择最合适的方法来解决浮动布局的高度塌陷问题。
|
8月前
|
程序员必知:UnityUGUI锚点快速定位(自适应)
程序员必知:UnityUGUI锚点快速定位(自适应)
72 1
|
9月前
浮动和定位
浮动和定位
|
9月前
|
消除游戏中图标下落的原理和实现
消除游戏中图标下落的原理和实现
64 1
HIMA 933330100-5 使用旋转砝码来控制过程
HIMA 933330100-5 使用旋转砝码来控制过程
HIMA 933330100-5 使用旋转砝码来控制过程

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等