gpt4 book ai didi

javascript - 相对+绝对定位

转载 作者:行者123 更新时间:2023-11-28 08:22:07 26 4
gpt4 key购买 nike

我的例子:http://jsfiddle.net/kwnk8qup/

我的代码:

   <div id="container" style="position:relative;margin-top:50px;margin-left:50px;width:200px;height:300px;border: 2px solid red;">
<div id="container1" style="position:absolute;margin-top:130px;margin-left:30px;width:50px;height:50px;border: 2px solid #a1a1a1;">
</div>
</div>

container(父 div)位置是相对的 container1(子)位置是绝对的。我将 container2 顶部位置设置为 130px,它可以从 container (parent div)顶部位置计算但我需要显示 距文档位置 130px。如何在不改变定位的情况下解决?

最佳答案

我不知道我是否收到你的问题,但你可以移动 #container1#container之外所以它是相对于 <body> 的-element 而不是 #container -元素。

<body>
<div id="container" style="position:relative;margin-top:50px;margin-left:50px;width:200px;height:300px;border: 2px solid red;"></div>
<div id="container1" style="position:absolute;margin-top:130px;margin-left:30px;width:50px;height:50px;border: 2px solid #a1a1a1;"></div>
</body>

http://jsfiddle.net/q29ey2qt/

关于javascript - 相对+绝对定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28712148/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com