我只是在试用Xara Web Designer，并创建了一个页面： http://goo.gl/SFSmn
当页面放大或缩小时，主div.xr_ap的位置上下移动，我尝试了很多修复，比如自动边距对齐，绝对定位，制表，但似乎没有给出一个理想的结果！ ： - （
如果可能，有人会知道如何使用CSS在所有级别的缩放中保持div吗？ （类似于上面滑块的行为！）
谢谢，所有回复都非常感谢！ ： - ）
答案 0 :(得分：1)
这是因为div#wrapper根据页面宽度更改了其高度，但div.xr_ap与div#wrapper的顶部对齐时应与底部对齐。
删除div.xr_ap top（因此它位于前一个元素'div#wrapper之后）并向上移动其元素（或绝对放弃绝对定位，将图像保留为 - 正确，从上到下，让他们通过删除他们的位置属性来流动。）
如果设计师仅支持绝对定位，则必须将固定宽度设置为div#wrapper以防止其调整大小。
我没有网页设计师的经验，所以如果我建议设计师不允许的话，请纠正我。
答案 1 :(得分：1)
只需从此处移除margin-top div.xr_ap
div.xr_ap {
margin-top: 45px;
}
将以上类替换为css
<强> CSS
div.xr_ap {
position: relative;
top: -535px;
}