CSS:“正确”属性拒​​绝申请?

2023-12-08

这真让我抓狂!

我有两个 div,就在 body 标签之后。它们的位置和大小都是绝对的。它们都具有相同的“左”属性,但我后来声明了第二个 div 的“右”属性(因此“左”应该被忽略!)。

这是 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”属性。像往常一样,身体处于相对位置,所以应该可以工作!在声明“右”属性之前,我是否需要“取消设置”“左”属性?这可能吗?

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

有什么想法吗?


left and right并不相互排斥。

一个元素可以同时具有left and right属性设置,像这样.

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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

CSS:“正确”属性拒​​绝申请? 的相关文章

随机推荐