CSS:"正确"的财产拒绝申请？

Question

CSS:"正确"的财产拒绝申请？

这真让我抓狂!

我有两个div,就在身体标签之后.它们都是绝对定位和大小的.它们都具有相同的"左"属性,但后来我为第二个div声明了"right"属性(所以"left"应该被忽略!).

这是HTML:

<body>

<div class="previousPageButton"></div>
<div class="nextPageButton"></div>

Run Code Online (Sandbox Code Playgroud)

CSS :(有更多的代码,但它被注释掉,所以它是无关紧要的.)

.previousPageButton, .nextPageButton {
    position: absolute;
    top: 0px; left: 0px;
    display: block;
    height: 500px;;
    width: 100px;
    background: transparent url(../images/buttons/arrow_previousPage.png) no-repeat center center;
    z-index: 2;
    opacity: .1;
}

.nextPageButton {
    top: 0px; right: 150px;
    background: transparent url(../images/buttons/arrow_nextPage.png) no-repeat center center;
}

Run Code Online (Sandbox Code Playgroud)

正如你所看到的,在我声明"left"的第一个CSS下面,我有另一个CSS块,我特意为.nextPageButton声明了"right"属性.像往常一样,身体相对定位,所以它应该工作!在宣布"正确"财产之前,我是否需要"取消""左"属性？这甚至可能吗？

我知道我可以从第一个代码块中删除"left"属性,然后为每个div分配它自己的左/右属性..但这应该仍然有效!

有什么想法吗？

Answer 1

thi*_*dot 10

left而right不是相互排斥的.

元素可以同时设置left和right属性,如下所示.

如果你想"删除"/"重置" left,那么你应该申请left: auto.

您可以查找属性的"初始值",例如此处left.

归档时间：	14 年，7 月前
查看次数：	4299 次
最近记录：	14 年，7 月前