CSS不会出现在屏幕中间左侧：50％和左边距：可见值的一半

Question

我创建了一个很好的太阳系CSS轨道，并决定一切都可以扩展，我已经有轨道速度来扩展，但不是行星之间的距离，我添加了适当的距离，而且大部分都集中在左上角意味着我只能看到实际物体的大约25％，前三个行星是可见的，但只有25％的时间是另外6个（是的，我计算冥王星）

当我按距离缩放时，确实增加了屏幕尺寸，因为一个轨道高度/宽度约为30600像素

编辑：代码可以帮助我猜测，我真正需要的只是知道如何使太阳居中，从那里我可以弄明白

#sun{
position:absolute;
top:50%;
left:50%;
height:200px;
width:200px;
margin-top:-100px;
margin-left:-100px;

border: orange 2px solid;
border-radius: 50%;
box-shadow: 0 0 64px yellow;
}

Answer 1

我几乎想通了，我只使用了最大边距 - 左边，这是冥王星的，然后我把它添加到太阳边缘左边（所以它变成了正面）需要比我想要的更多的工作，但它适用于居中 编辑：对于前几个它工作得相当好，但第一个行星有点围绕它原来的固定点旋转，它看起来很奇怪，但随着行星后来像第3和更高，必须“微调”它需要一段时间，如果其他人有更好的方法，请告诉我。