gpt4 book ai didi

javascript - 什么位置属性应该分配给 "container"元素和 "animation"元素? HTML CSS JavaScript

转载 作者:太空宇宙 更新时间:2023-11-04 02:44:13 25 4
gpt4 key购买 nike

我从 w3schools.com 看到了这个例子。该网站说

容器元素应该使用 style = "position: relative"创建。应使用 style = "position: absolute"创建动画元素。

我不明白为什么会这样。有人可以向我解释一下吗?

<!Doctype html>
<html>
<style>
#container {
width: 400px;
height: 400px;
position: relative;
background: yellow;
}
#animate {
width: 50px;
height: 50px;
position: absolute;
background: red;
}
</style>
<body>

<h1>My First JavaScript Animation</h1>

<div id="container">
<div id="animate"></div>
</div>

</body>
</html>

最佳答案

通过在元素上设置 position: absolute,它会从文档的正常呈现流程中移除,并准确地呈现在您指定的位置。您在此元素上设置的任何定位规则(leftrighttopbottom)都将使用 as 进行计算如果设置了position:relative最近的祖先或body元素

如果您需要快速拓宽对 CSS 定位的理解,我推荐 this tutorial .

关于javascript - 什么位置属性应该分配给 "container"元素和 "animation"元素? HTML CSS JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34116464/

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