1

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

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

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

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

4

2 回答 2

1

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

移除div.xr_ap top（所以它被定位在前一个元素' 之后div#wrapper）并向上移动它的元素（或者绝对放弃绝对定位，从左到右，从上到下排列图像并通过移除它们的位置属性让它们流动）。

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

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

于 2012-10-03T10:54:27.693 回答
1

只需从此处删除 margin-topdiv.xr_ap

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

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

CSS

div.xr_ap {
    position: relative;
    top: -535px;
}
于 2012-10-03T11:05:16.320 回答