首页 > Web开发 > 详细

CSS深入理解之overflow

时间:2017-11-04 14:24:12      阅读:214      评论:0      收藏:0      [点我收藏+]

Overflow基本属性

如果overflow-x:和overflow-y:的值相同,ze等同于overflow:
重点:如果overflow-x和overflow-y的值不同,且其中一个属性的值为visible,而另外一个为hidden,scroll,或者auto,那么这个visible会被重置为auto。这也就是为什么垂直方向会自动出现滚动条的原因,因为他默认的visible被重置为auto。

技术分享

Oveflow与滚动条

无论什么浏览器,默认滚动条均来自<html>而不是来自<body>

技术分享

技术分享

技术分享

overflow失效

技术分享

技术分享

技术分享

Overflow与锚点技术

技术分享

锚点定位与overflow选项卡技术的不足:
锚点定位的穿透性很强,会定位到滚动条最上面的位置
所以适合的应用场景:单页应用

 

CSS深入理解之overflow

原文:http://www.cnblogs.com/xiedashuaige/p/7783119.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!