清除浮动是怎么回事？
清除浮动实际上是为了解决高度塌陷的问题
1. 给父元素设置高度
2. 额外标签法
<div id="parent"> <div id="child"></div> <!-- 方法一 额外标签法 -->
<div id="clear"></div> </div> <!-- css样式 --> #clear{ clear: both; }
给父元素添加overflow:hidden(触发bfc)
使用after伪元素清除浮动
#parent:after{ content: ""; display: block; clear:both; }
使用before和after双伪元素清除浮动
#parent:after,#parent:before{ content: ""; display: table; } #parent:after{ clear: both; } #parent{ *zoom: 1; }
相关推荐HOT
更多>>
如何为Apple iOS设计动态岛？
Dynamic Island 是自 2022 年 9 月 iPhone 14 系列推出以来在 iPhone 屏幕最上方推出的新型药丸状切口。它围绕着 FaceID 传感器和前置摄像头，...详情>>
2023-02-21 17:55:40
成为UI设计师需要具备哪些技能?
如果您对将 UI 设计作为一种潜在的职业道路感兴趣，您可能想知道：对于 UI 设计师而言，最重要的技能是什么?●了解基本设计原则，例如排版和色...详情>>
2023-02-21 17:51:57
用户体验设计师做什么的?
当用户体验设计师完成用户研究分析并发现潜在问题或障碍后，他们将进入设计阶段。用户体验设计师创建流程图以鸟瞰产品的不同元素如何相互连接。...详情>>
2023-02-21 17:50:40
设计的6大要素是什么?
伟大的设计不是偶然发生的。一位伟大的设计师会战略性地选择颜色、形状和版式等东西——所有这些都会影响观众或用户如何看待和参与一件作品。 详情>>
2023-02-21 17:46:00
京公网安备 11010802030320号