这真让我抓狂!
我有两个 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(使用前将#替换为@)