Css 小型显示器的定位问题

在这种设置下，图像库在我的27英寸显示器上看起来很正常，它位于我身体的中心。然而，当我在我的15英寸显示器上看它时，它离右边几英寸。现在，我知道它与“gallery”css有关，因为div可能会将它推到右侧。我的问题是，尽管显示器的宽度不同，有没有一种更有效的方法使其保持静态？我对两列布局前景有点困惑，因为它不会移动到之前的位置

<div id="gallery">
<div class="html5gallery" data-width="400" data-height="225" style="display:none>
<img src="images/mr.magic.jpg" alt="Mr. and Mrs. Magic">
<img src="images/mr-magic-2.jpg" alt="Mr. and Mrs. Magic">
<img src="images/mr-magic-3.jpg" alt="Mr. and Mrs. Magic">
<img src="images/mr-magic-4.jpg" alt="Mr. and Mrs. Magic">
<img src="images/mr-magic-5.jpg" alt="Mr. and Mrs. Magic">
<img src="images/david.jpg" alt="Mr. and Mrs. Magic with David Copperfield">
<img src="images/david-2.jpg" alt="Mr. Magic with David Copperfield">
<img src="images/seigfried.jpg" alt="Mr. Magic with Seigfried and Roy">
</div>
</div>

#gallery {
position: relative;
left: 950px; 
top: -560px;
float: left; padding:0; margin:0 
}

我不擅长CSS，但是

左：950px意味着div将始终是父div左侧的950px（屏幕可能在您的情况下）。因此，在较小的屏幕上，它将显示在更右边

相反，尝试使用%或px设置div的宽度，然后将左右边距设置为自动。比如：

#gallery {
position:relative;
width:50%;
margin: 0 auto;
top:-560px;
}

这都是你的密码吗？你丢失了一个
。对不起，我忘了我解开了它的一个方面。