为什么CSS定位没有反映出来

Question

我正在追踪here但不遵循确切代码

的情况

我的工作是http://jsfiddle.net/Zn7br/

我想知道为什么我的article.slideLeftBottom使用CSS

.js .slideLeftBottom header, .js .slideRightBottom header { // left
    right: 5px;
    left: auto;
}

在FireBug中没有注册right，而是right: 25px

Answer 1

除非您的元素绝对或相对定位，否则无法定义right属性。对static元素没有影响（静态是默认值）

.js .slideLeftBottom header, .js .slideRightBottom header { /* // left <- WRONG */
    position: absolute; /* NEEDED or relative*/
    right: 5px;
    left: auto;
}

http://www.w3schools.com/css/pr_pos_right.asp

修改

我有点注意，但你已经用//向你的css添加了评论，这在CSS中不起作用（我之前完全忽略了这一点！）并且弄乱了你的代码。

我更新了您的代码，现在可以正常显示：http://jsfiddle.net/jomanlk/Zn7br/2/