CSS教程:导致一些问题的overflow

2016-02-19 23:30 10 1 收藏

今天图老师小编要向大家分享个CSS教程:导致一些问题的overflow教程,过程简单易学,相信聪明的你一定能轻松get!

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)overflow有问题吗?没问题。那为什么说要慎用呢?因为有时会导致一些问题。。。

关于overflow:auto的,很多人贪他书写方便,直接用来清除浮动。但是Firefox使用overflow:auto会产生focus,引用网友fireyy的评论

我想这是FF浏览器的一个可用性和亲和力(usability/accessibility)的设定,当设定了overflow:auto或者 overflow:scroll的元素不能完全显示内容的时候(出现滚动条),针对于键盘使用者,就可以focus到那个元素,使用键盘的方向键去控制局部的滚动。

那用关于overflow:auto清除浮动有什么问题呢?当你鼠标坏掉时,用键盘按Tab键去网上看新鼠标时就会发现,按了N+N下Tab键都到不了想要到的链接,因为overflow:auto太多了。XD 想想老外为什么要写那样复杂的clearfix吧,难道他们的研究会比我们少吗?

那关于overflow:hidden呢?本来它是没问题滴,可是我们伟大的M$不喜欢它,早在04年POPO发现overflow:hidden会导致中键失效。

如果定义了嵌套区块元素(比如div )的overflow溢出样式,在这个区块上方,鼠标中键将失效,这主要是存在于IE中, Mozilla/Firefox/Opera普遍使用自定义的mouse guesture,所以不存在这个问题或者根本就谈不上这个问题。比如用IE浏览Plod的时候,在中间内容部分按鼠标中键(假设你的鼠标有中键),那个上下滚屏箭头没有出现吧

中键的功能估计用得比较少,一般出现N+N屏的页面,才会用中键来快速拉动,例如用IE6打开163(不知道改掉了没^^)试一下,虽然IE6里那个不可爱的四角样子比较难看,但是也不能因为它样子有问题就把它去掉,哪怕你是不小心的。因为真的有人会用到,上次跟一个做论坛的朋友有讨论到这个问题,是普通网友提到的。要是导致别人以为中键坏了可就不好^^。顺便说下,你们大胆用,因为我装了罗技的鼠标驱动,中键功能已经更新,就算IE也米问题。再再顺便说下,Firefox的中键那个图可以定制。XD

这些细小的问题可能你认为影响并不大,的确,它的影响并不大,可是Web标准本身的意义是什么呢?

来源:http://www.tulaoshi.com/n/20160219/1630042.html

延伸阅读
标签: 整容
问答 图钉提问: 性别:男年龄:24准备做包皮手术,有没有不用缝针的?1111111111111111111111111111111111111111111111 ,111111111111111111111111111 图老师解答: 病情分析:       你好,你说的情况一般都是需要做缝合治疗的。       指导意见:     &...
去角质也要讲究方法,不能盲目行事。比如眼睛周围的肌肤是全身肌肤最薄的,这个部位只有独立的汗腺,没有皮脂的分布,所以不宜去除角质。此外,去角质还应该注意以下问题: 去角质注意事项 ①皮肤特别干燥或者已出现脱皮现象的人群,去角质可能会加重面部缺水现象,使脱皮现象更严重。 ②肌肤有发脓或发炎的粉刺...
标签: Web开发
译自:Quick Tip: Understanding CSS3 Gradients 中文:理解CSS3渐变 请尊重版权,转载请注明
标签: 分娩
孩子是家长的一面镜子,他会折射出家庭教育成功的一面,也能折射出家庭教育失败的一面。 在我们身边,有很多父母经常会有这样的抱怨:“我的孩子什么事情都不愿和我们讲。”而孩子却诉苦说:“爸爸妈妈不理解我的需要,他们想对我说的时候就说个没完,可是我想说的时候,他们却心不在焉。”在家庭教育的过程中,这种情况是非常普遍的...
标签: Web开发
在进行DivCSS布局时,需要对文本进行控制,今天系统的向大家介绍一下。CSS中控制换行的四种属性。 一、white-space 可以实现HTML中PRE标签的效果,以及单元格的noWrap效果。 语法: white-space : normal pre nowrap 取值: normal: 默认值。默认处理方式。文本自动处理换行。假如抵达容器边界...

经验教程

725

收藏

57
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部