HTML 代码:
<div id="a"><div id="b"></div></div>CSS代码:
#a{width: 300px;height: 100px;background-color: red;overflow: auto;?}#b{width: 200px;height: 300px;background-color: blue;}效果如下:
文章插图
总结:
- display 和 visibility 属性都是用来设置或检索对象是否及如何显示 。
- 使用diplay 隐藏对象时,在文档流中不占空间.后续对象会占据隐藏对象位置 。
- 使用 visibility 隐藏对象时,在文档流中会保留隐藏对象所占用的空间 。
- overflow 主要用来检索或设置当对象的内容超过其指定高度及宽度时如何管理内容显示 。
【CSS 中 display,visiblity及 overflow 的作用和区别】
推荐阅读
- 测试人员不知道密码，该怎么使用Linux中的mysql数据库？
- 睡眠中十个可怕小动作，再不“扔掉”你的身体迟早要遭殃
- 佳能|佳能推出全新电影镜头：超大光圈 黑暗中也能用自然光拍摄
- C语言中return 0 return 0在c++语言中是什么意思
- 英语论文语法错误 科技论文写作中常用或容易错用的语法知识总结
- 清朝初期中国地图 清朝第一张地图是谁绘制的
- 在中国的花茶里,花茶的感官鉴赏
- 全中国哪里的小米最好吃？认清这4个产地，谷中珍品，香糯粘稠
- 未来十年中，这四个职业会非常热门，前景好，薪资高
- 金银花茶中是哪种好,金银花茶的功效作用