在同一个元素上使用Left：0和Right：0？

Question

如果您想要将元素放在其父元素中，然后添加适当的值以在必要时定位元素，我理解left:和right:定位的原理。我今天看到一个网站，其中很多元素的左右属性都设置为0。

实施例

div {
width: 200px;
height: 200px;
position: fixed;
top: 0;
left: 0;
right: 0;
}

许多fixed和relative定位<div>就属于这种情况。当然你无法修复<div>所以它左右都定位为零？有人可以解释这是否是有效的CSS，如果是，请解释它实现的目标。

非常感谢，

艾米丽

Answer 1

是的，这是有效的CSS。基本上，像这样的代码将以绝对div为中心。请记住还要添加以下代码：margin: auto;。这是一个有效的例子：

div {
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  height: 100px;
  width: 100px;
  background: red;
}

<div></div>