CSS 的overflow:hidden (清除浮动)
verflow:hidden这个CSS样式是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出,而对于清除浮动这个含义不是很 了解。一提到清除浮动,我们就会想到另外一个CSS样式:clear:both,我相信对于这个属性的理解大家都不成问题的。
verflow:hidden清除浮动,例如如下:(样式box div是样式content div的父元素)
.box{
background:#000;
width:300px;
overflow:hidden;
}
.content {
float:left;
width:200px;
height:200px;
background:red;
}
(效果图) box设置overflow:hidden,清除content的浮动,所以box的高度随content的高度变化而变化。如果box没有设置overflow:hidden,那么content的高将影响不了box的高。
详细地址:http://jingyan.baidu.com/article/d45ad148e2a7f969552b80ae.html?qq-pf-to=pcqq.c2c
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步