阻止 div 在调整大小时垂直移动答案

【问题标题】：Stop divs from moving vertically on resize阻止 div 在调整大小时垂直移动
【发布时间】：2012-10-03 10:35:43
【问题描述】：

我只是在试用 Xara Web Designer，并创建了一个页面： http://goo.gl/SFSmn

当页面放大或缩小时，主div.xr_ap 的位置上下移动，我尝试了许多修复，如自动边距对齐、绝对定位、制表，但似乎都没有给出理想的结果！ :-(

如果可能，有人知道如何使用 CSS 在所有缩放级别上保持 div 就位吗？（类似于上面滑块的行为！）

谢谢，非常感谢所有回复！ :-)

【问题讨论】：

标签： html css

【解决方案1】：

只需从此处删除 margin-top div.xr_ap

div.xr_ap {
    margin-top: 45px;
}

用下面提到的css替换上面的这个类

CSS

div.xr_ap {
    position: relative;
    top: -535px;
}

【讨论】：

【解决方案2】：

这是因为div#wrapper 会根据页面宽度更改其高度，但div.xr_ap 与div#wrapper 的顶部对齐，而它应该与底部对齐。

移除div.xr_aptop（所以它定位在前一个元素'div#wrapper之后）并向上移动其元素（或绝对放弃绝对定位，图像从左到右，从上到-底部并通过删除它们的位置属性让它们流动）。

如果设计器只支持绝对定位，你必须给div#wrapper设置一个固定的宽度，以防止它调整大小。

我对网页设计师没有经验，如果我提出设计师不允许的建议，请纠正我。

【讨论】：

谢谢你，Jan :-) 设计师不支持这个，但我手动尝试了你的建议，它奏效了！虽然我选择了 Shailender 的方法，因为它是一个更短的解决方案。再次感谢您！ :-)