为了账号安全,请及时绑定邮箱和手机立即绑定

怎样理解overflow属性

overflow:hidden清楚浮动的原理是什么?还有其他什么功能?

正在回答

1 回答

//举例说明
#box{         
          width:500px; 
          background:#000; 
          height:500px;
 } 
#content { 
          float:left; 
          width:600px; 
          height:600px; 
          background:red;
 }

当我们给box这个div加上overflow:hidden这个属性的时候,其中的content 等等带浮动属性的div的在这个立体的浮动已经被清除了。这就是overflow:hidden这个属性清除浮动的准确含义。当我们没有给box这个 div设置高度的时候,content 这个div的高度,就会撑开box这个div,而在另一个方面,我们要注意到的是,当我们给box这个div加上一个高度值,那么无论content 这个div的高度是多少,box这个高度都是我们设定的值。而当content 的高度超过box的高度的时候,超出的部分就会被隐藏。这就是隐藏溢出的含义!

0 回复 有任何疑惑可以回复我~
#1

慕侠在此 提问者

非常感谢!
2016-01-08 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214705    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

怎样理解overflow属性

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信