为什么出现浮动？
浮动float最开始出现的意义是为了让文字环绕图片而已 ， 但人们发现 ， 如果想要三个块级元素并排显示 ， 都给它们加个float来得会比较方便 。
什么时候清除浮动？
如果想要实现三个块级元素并排显示 ， 期望效果如下图所示：

文章插图
给三个块级元素都加上float属性后 ， 页面效果如下图所示：

文章插图
问题出现了 ， 父元素高度塌陷了
一目了然：如果我们给上面的三个绿颜色的方块设置:-block也能达到让它们并排显示的效果 。并且父元素的高度也不会塌陷 。只不过无法控制是居左还是居右 ， :-block只能从左往右 。
清除浮动的方式？
我们说的清除浮动是指清除由于子元素浮动带来父元素高度塌陷的影响 。
清除浮动的两大基本方法：
方法1的具体实现：
1. 在父元素的最后加一个冗余元素并为其设置clear:both

文章插图
原理如下：
当添加了最后一个冗余元素（未设置clear:both）时；父元素和此冗余元素的高度都为0 ， 并且三个浮动的元素都浮在了它们的上方盖住了它们（可以把它们看成PS中的图层） 。现在 ， 给这个冗余元素添加clear:both（clear属性介绍） ， 它便要躲开这三个浮动元素 ， 因此 ， 一直往下跑 ， 直到没有被浮动元素盖住才停下来 。而父元素看到这个子元素跑开了 ， 自然想要包裹住它 。
实现：

• 记录一下安装多版本CUDA，和pytorch过程
• 转载 DDR原理
• [亲测可用]申请虚拟VISA卡ONEKEY保姆级教程/开通GPT-Plus
• 香港visa卡怎么申请
• 制作婚礼邀请函只需三步，轻松制作走心请柬
• H5邀请函制作快速上手：四步简单快速制作邀请函
• 敬请期待后续 嵌套循环打印正三角形星星阵●学渣的自我救赎第一期
• 存在感的意思解释 存在感是什么意思
• Tomasi Corner Detect
• 提示“无法向会话状态服务器发出会话状态请求。请确保 ASP