gpt4 book ai didi

javascript - 将一个 div 标签对齐到另一个标签下方

转载 作者:行者123 更新时间:2023-11-28 18:24:23 25 4
gpt4 key购买 nike

<分区>

我有两个div标签如下

<div id="outer">
<div id="lower">hi</div>
<div id="upper">i m on top</div>
</div>

我想先显示上部的div,然后显示下部的div,但我无法更改HTML 中的声明顺序。

我正在使用以下 CSS

#outer{
position:relative;
}
#upper{
position:absolute;
top:0;
}

但上层与下层重叠。

更新

我按照以下方式解决了这种情况,因为它不会影响设计

<html>
<body>
<div id="visible"></div>
<div id="bottom">displayed in second line</div>
<div id="top" style="display:none;">
displayed in first line
<script>
document.getElementById("visible").innerHTML=document.getElementById("top").innerHTML
</script>
</div>
</body>
</html>

通过使用上面的代码,我完美地解决了我的用例。感谢大家的解答

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