top与bottom、left与right的优先级

同时使用top和bottom，效果如何呢？

如果给一个设置高度的元素设置绝对定位的元素中top和bottom，top优先，而且bottom加 !important也“敌不过”top。
可以理解成：浏览器解释代码的时候发现top和bottom同时存在，就放弃解释bottom，那么bottom的属性值也就不会被解释，就是说！important没上场与其作战）。同理，left和right，是left优先。

如果给一个没有设置高度的元素加top与bottom,top,bottom会同时生效。