html布局-子div浮动后,父容器撑不开解决
1,可以在所有子元素后增加<div style="clear:both;"></div>
2,给父容器增加样式:
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
兼容IE样式:
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */
3,父容器增加样式:overflow:hidden
感觉第三种方法最为简单。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步