Question

这让我发疯了！

我有两个div，就在body标签之后。它们都是绝对定位和大小的。它们都具有相同的“左”属性，但后来我为第二个div声明了“right”属性（所以“left”应该被忽略！）。

这是HTML：

<body>

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

还有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;
}

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

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

有什么想法吗？

Answer 1

left和right不是互斥的。

元素可以同时设置left和right属性，like this。

如果您要“删除”/“重置”left，那么您应该应用left: auto。

您可以查找属性的“初始值”，例如here's left。

Answer 2

有一些导致冲突的继承。将left: auto;添加到.nextPageButton类以防止。

CSS：“正确”的财产拒绝申请？

2 个答案: