float
浮动的元素不占用原来的空间,需要清除浮动,为了解决浮动对其他盒子的影响,解决父级盒子的高度为0的问题
清除(闭合浮动)浮动两种方式:
1、用clear清除浮动
2、创建父盒子的BFC
1.1利用clear清除浮动
1.1.1额外标签法
在最后一个浮动元素的后面添加一个空的div,清除这个div的浮动,不利于加载和seo
1.1.2给父盒子添加伪元素
另类的额外标签法Ie6不认识伪元素,zoom:1
1.1.3伪元素
闭合浮动,左右放盒子清除浮动
清除浮动2中方法:clear一般用于浮动对后面元素的影响
或者width:100%;overflow:hidden;浮动后父元素的高变没了,用这个
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步