Question

我正在创建一个网站，<div position:absolute;left:Xpx;top:Ypx>有两个问题（X和Y是数字）代码<div position:absolute;left:Xpx;top:Ypx>设置句子或图像或小时等的位置...... 在我的网站上我使用了我的句子并将其设置在中心位置，问题是当我恢复浏览器并调整其大小时，我的句子位置会发生变化！另一个问题是当我去另一台PC或笔记本电脑有更大的屏幕（或更小的屏幕）时，句子位置改变为中心向左！我认为“px”参数的问题是因为当您调整浏览器屏幕的大小时，px的位置会变小，与具有不同屏幕的不同计算机相同。 <div>的示例：

<div style="font-size:80%;position:absolute;l…
<p>Estimated Time Remaining Before launch:</p>
</div>

有任何建议我如何解决这些问题？

Answer 1

你正在设置一个绝对的＆＃39;位置，元素将始终位于左侧的X＆＃39; px＆＃39; Y＆＃39; px从顶部开始，无论您的浏览器大小如何。如果我从您的描述中理解，您希望元素始终居中，我发现这样做的最好方法是设置其父元素（包含在其中的元素） css造型：

text-align:center;

然后使用css样式设置您希望居中的元素：

margin:0px auto;

0px指的是元素上方和下方的边距（Y轴），自动设置元素左侧和右侧的边距。或者，如果这让您感到困惑，您可以设置单独的边距：

margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;

您可以将顶部和底部边距设置为您想要的任何值，但必须左右保持为自动;如果您希望将元素完美地居中，您可能需要将其设置为百分比，尽管需要进行大量调整才能使其在许多屏幕尺寸上都能正常工作。

祝你好运，希望我帮助过。

P.S。必须确保元素不再是位置：绝对;而是给予它：亲属;或将其留空

<div position：absolute; left：xpx; top =“”> ...不起作用</div>

1 个答案: