Question

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

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

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

谢谢，所有回复都非常感谢！： - ）

Answer 1

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

删除div.xr_ap top（因此它位于前一个元素'div#wrapper之后）并向上移动其元素（或绝对放弃绝对定位，将图像保留为 - 正确，从上到下，让他们通过删除他们的位置属性来流动。）

如果设计师仅支持绝对定位，则必须将固定宽度设置为div#wrapper以防止其调整大小。

我没有网页设计师的经验，所以如果我建议设计师不允许的话，请纠正我。

Answer 2

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

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

将以上类替换为css

<强> CSS

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