关于css清除浮动,解决内容溢出的问题
以前在布局的时候总会遇到这样的问题,比如我想让整体的内容居中,所以会这样写,
1 2 3 | .main-content{ width : 960px : height : 300px ; margin : 0px auto ; } |
然后再 在这个大的盒子中一次摆放小的DIV,并加上floa:left;属性,但有时候会出现这种情况,
当加上float之后,子DIV 的高度会溢出父DIV,
可以用以下办法
1 .main-content{ 2 width:960px:height:;margin:0px auto; 3 overflow:auto; //加上这个属性 4 } 5 6 //对于IE6 7 //还得加上 8 zoom:1;
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步