我有两个箭头导航项目,我想左右浮动,它们被绝对定位,并且具有比页面上所有内容更高的z索引。但我有一个问题。右浮动左浮动?
<div id="slider-nav">
<a href="#" id="next"></a>
<a href="#" id="prev"></a>
</div>
然后我有我想让两个项目向左或向右浮动的CSS。
#next {
display: block;
width: 8px;
height: 12px;
background-image:url(images/next.png);
z-index: 999;
position: absolute;
float: right;
}
#prev {
display: block;
width: 8px;
height: 12px;
background-image:url(images/prev.png);
z-index: 999;
position: absolute;
float: left;
}
#slider-nav {
width: 100%;
height: 12px;
position: absolute;
z-index: 100;
}
会发生什么情况是,应该浮动右的块最终左浮动在左浮动块的顶部。我尝试在浮动元素后面和容器div内添加明确的修复无效。
U不能使用float来浮动绝对定位的元素。无论是使用float还是'position:absolute',或者添加'left:Xpx;'/'right:Xpx;'到你的CSS。 – putvande
是的,你是对的,更进一步的事实是,容器是绝对的意味着没有必要使a元素成为绝对的。所以我现在拥有它。 –