码迷,mamicode.com
首页 > Web开发 > 详细

CSS深入理解之overflow

时间:2017-11-04 15:05:24      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:overflow   image   基本   方向   http   images   选项   位置   visible   

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

标签:overflow   image   基本   方向   http   images   选项   位置   visible   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!