清除浮动

作者: houxnan | 来源:发表于2020-01-13 15:13 被阅读0次

如何清除浮动，当元素出现浮动以后，其他元素会受到影响，如图：

本来1、2、3应该是垂直排列的，当1出现浮动后，2、3便网上顶了上来。

这种情况我们可以给受到影响的元素设置清除浮动来解决问题

clear来清除浮动，clear有left、right、both、none等几个值，left是清除左浮动对他的影响，right是清除右浮动对他的影响，both是清除左右浮动对他影响大的那个浮动，none是不清除浮动。

如图，给受影响的2清除浮动后，就正常了

现在box1左浮动，box2右浮动，box3清除左浮动显示如下：

现在box1左浮动，box2右浮动，box3清除右浮动显示如下：

如果设置box3清除浮动值未both，效果和claear：right一样，因为右浮动对他影响较大。

11.22 前端学习
清除浮动 clear:left清除左浮动clear:right清除右浮动clear:both清除对它影响最大的浮动...
前端06
清除浮动 clear:left清除左浮动clear:right清除右浮动clear:both清除对它影响最大的浮动...
06 前端学习
清除浮动 clear:left清除左浮动clear:right清除右浮动clear:both清除对它影响最大的浮动...
清除浮动
未清除浮动前清除浮动后
技术知识点整理
清除浮动 BFC清除浮动浮动的父级末尾插入块级元素清除浮动 BFC(Block Formatting Contex...
H5前端开发学习笔记——0x15清除浮动
清除浮动课时130 浮动元素高度问题(掌握) 课时131 清除浮动方式一(理解) 课时132 清除浮动方式二(理...
css清除浮动
前端开发中浮动处处可见，本文探讨浮动的成因以及如何更加有效的清除浮动。 1、浮动与清除浮动 2、清除浮动基本cs...
CSS清除浮动三种方式
清除浮动当父盒子没有定义高度，嵌套的盒子浮动之后，下边的元素发生位置错误。清除浮动不是不用浮动，清除浮动产生的...
布局浮动的问题
浮动的问题什么是浮动？浮动（float）的副作用清除浮动两种清除浮动的办法如下：
清除浮动
一、清除浮动 or 闭合浮动？清除浮动：清除对应的单词是 clear，对应CSS中的属性是 clear：lef...