html - 左 :50% element not appearing in middle of page

Question

我有一个绝对定位的弹出窗口(将鼠标悬停在“冰白”图像上以查看弹出窗口)，它的 css left:50%。现在这应该出现在页面中间但没有。请问有什么建议吗？提前致谢。

Answer 1

您还应该将 margin-left 添加为元素可见宽度的一半的负值。所以，例如:

width: 400px;
padding: 10px;
border-width: 2px;
/* -(400 + 10 + 2)/2 = -206 */
margin-left: -206px;
left: 50%;

请注意，其他人建议的 margin: auto 将不起作用，因为您已经绝对定位了该元素。