Fatal编程技术网
  • html/
  • Html 职位：绝对不能正常工作

Html 职位：绝对不能正常工作

html css

Html 职位：绝对不能正常工作,html,css,Html,Css,我想做的是（在css中）： 将test1id设置为边栏ID的绝对值 将test2 ID设置为徽标的绝对值 test1获得位置：绝对 test2获得位置：绝对 边栏得到位置：绝对 标志得到位置：绝对 test1在侧栏中运行良好 但是logo id被绝对定位到边栏。test2应该是logo的绝对值，但是logo不应该是边栏的绝对值 有解决办法吗？乔伊 <body> <div id="sidebar"> <a href="https://goo

我想做的是（在css中）：

  • 将test1id设置为边栏ID的绝对值
  • 将test2 ID设置为徽标的绝对值

  • test1获得位置：绝对

  • test2获得位置：绝对
  • 边栏得到位置：绝对
  • 标志得到位置：绝对
test1在侧栏中运行良好 但是logo id被绝对定位到边栏。test2应该是logo的绝对值，但是logo不应该是边栏的绝对值

有解决办法吗？乔伊

<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>
如果所有容器都得到
位置：绝对位置然后制作一个带有
位置的外部容器：相对然后添加
顶部：x；左：y到绝对容器的css，其中x和y是像素值。。。谢谢…
解决方案




同样正如我在评论中所说的，您的div test2需要关闭
div test2没有关闭您可以在jsfiddle中复制您的问题吗？

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