个人关于浮动的理解
浮动带来的影响:
①. 能够让浮动之后的元素布局产生混乱
(元素浮动后脱离了标准文档流,它的布局也就不再遵循标准文档流的规则,
多个浮动元素在一起的时候就会随着窗口的变化而变化,也就失去了稳定的布局)
②. 子元素浮动会对父元素产生影响
(子元素浮动后就不遵循标准文档流的规则了,而父元素还是会遵循标准文档流
的规则,从而产生冲突,子元素继承父元素的属性会产生影响,即父元素会部分
脱离标准文档流的规则,影响布局。)
清除浮动带来的影响:
1. 给浮动的外层父元素添加高度 不推荐
2. overflow:hidden 溢出 hidden 隐藏
(1,2 都是清除子元素浮动对父元素的影响)
3. clear:both 清除浮动带来的影响
4. 隔墙法 : 外墙法 内墙法(不仅仅可以清除浮动还可以给父元素以高度)
(3,4清除浮动影响①②)
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步