Question

我想做的是（在css中）：

将test1 ID绝对设置为侧边栏ID
将test2 ID设为绝对徽标
test1得到位置：绝对
test2得到位置：绝对
侧边栏得到位置：绝对
logo得到位置：绝对

test1在侧边栏内工作正常但是logo id被定位在侧边栏的绝对位置。 test2应该是徽标的绝对标志，但徽标不应该是侧边栏的绝对标志。

有解决方法吗？乔伊。

<body>
    <div id="sidebar">
        <a href="https://google.com/" target="blank">
            <div id="test1"></div>
        </a>
    </div>

        <div id="logo">
            <div id="test2">
        </div>

</body>

Answer 1

如果所有容器都有position:absolute;，那么使用position:relative;创建一个外容器，然后将top:x; left:y;添加到绝对容器的css中，其中x和y是像素值...谢谢... < / p>

Answer 2

溶液

http://jsfiddle.net/yWDNJ/1/

#test1, #test2 {
    position:absolute;
}
#siderbar, #logo {
    position:relative;
}

正如我在评论中所说，你的div test2需要关闭

位置：绝对不能正常工作

2 个答案: