西部数码主机 | 阿里云主机| 虚拟主机 | 服务器 | 返回乐道官网
当前位置: 主页 > 开发教程 > HTML/CSS教程 >

top与bottom的优先级

时间:2016-01-15 17:30来源:未知 作者:好模板 点击:
用top或者bottom来设置他们的相对父容器(最近一代的相对定位的父容器)偏移量。 那你会不会同时使用top和bottom呢?效果会如何?什么情况下利用这样的方法? 这是一个看起来无理取

用top或者bottom来设置他们的相对父容器(最近一代的相对定位的父容器)偏移量。

那你会不会同时使用top和bottom呢?效果会如何?什么情况下利用这样的方法?

这是一个看起来无理取闹却发人深思的问题。经测试,在chrome, firefox下:

当绝对定位的元素中top,bottom都有值得时候,top优先,而且bottom加!important也“敌不过”top,(战无不胜的!important竟然还有对手?其实,可以理解成:浏览器解释代码的时候发现top和bottom同时存在,就放弃解释bottom,那么bottom的属性值也就不会被解释,就是说!important没上场与其作战)。同理,另外一对儿left和right,是left优先。

特殊情况:如果元素没有设置高度,top,bottom会同时生效!现象很奇怪,同时生效的结果就是元素被拉长

(责任编辑:好模板)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容