Html CSS:position:absolute和margin:auto用于居中-这是如何工作的？

我见过在其他人的代码中，将一个元素集中在网站上的模式：

img{
位置：绝对位置；
排名：0；
左：0；
右：0；
底部：0；
保证金：自动；
}

---

位置：绝对位置

允许您设置元素与整个页面边缘的顶部、底部、右侧和左侧的距离

在第二个示例中，即使将“包裹”设置为800px的高度，从页面每侧的“子距离”也设置为0。因此，它涵盖了整个页面

希望这有帮助

#孩子{
位置：绝对位置；
排名：0；
左：0；
右：0；
底部：0；
高度：100px；
宽度：250px；
保证金：自动；
背景色：石灰；
}
#包裹{
宽度：100%；
高度：800px；
}

#内部{
位置：绝对位置；
排名：0；
左：0；
右：0；
底部：0；
高度：100px；
宽度：250px；
保证金：自动；
背景色：#000；边框：1px纯色#fff；
}
#容器{
宽度：100%；
高度：800px；
}