2010-08-29 94 views
0

我目前有两个导航链接(箭头),但它们倾向于将相同高度的其他元素(本例中为textarea)推开。下面的图片说明了这个问题:页面元素在后台/在其他元素下面?

alt text

如何让这个箭头将不会干涉,但存在于相同的高度textarea的?

我一无所知,非常感谢:-)。

回答

1

使用位置:箭头和位置的绝对值:它们坐在容器上的相对位置。这样箭头就可以有效地位于另一图层上,并且不会影响具有其属性(宽度,高度)的其他元素。相对于容器的位置是这样,您可以设置相对于容器的定位值。使用顶部:0和左:0为左边的顶部:0右边:0为正确的一个。应该很好走!

+0

感谢您的快速响应,因为我的服务器刚刚死亡(暂时),所以无法对其进行测试。我会在一秒钟内回复你! – Chris 2010-08-29 21:18:19

+0

我用你建议的样式来提出一个解决方案,但以不同的方式:添加“位置:绝对;”到两个箭头类(左和右),然后添加“left:0;”到左边一个和“右边:0”到那个应该在右边的那个。 – Chris 2010-08-29 22:09:35

+0

为了您的意识,这会将它们放置在屏幕的左边缘和右边缘,而不是具有相对位置的元素的childelements。因此,他们可能不在一个更大的显示器上。就个人而言,我总是在绝对元素1上指定一个垂直位置,因为我喜欢这个控件,而2是为了确保交叉浏览器的一致性。很高兴它为你工作! – lnrbob 2010-08-30 08:28:20

相关问题