Question

我希望我能解释一下。

我有一个“卡在”浏览器窗口右侧的图像，因此当浏览器窗口改变大小时，它仍然保持在右侧。我使用的风格是：

style="position :absolute; top :4px; right :4px"

我的最小体宽也是1024px：

body 
{
    min-width: 1024px;
}

这一切都很有效，直到窗口调整大小小于1024，然后图像仍然粘在窗口的右侧。但我希望它坚持整个页面区域的右侧。如果你明白我的意思。

谢谢，

AJ

Answer 1

css position属性根据定位的父级计算。如果您的图像没有任何定位的父项，则绝对值将相对于屏幕。你应该能够通过put：relative;来解决这个问题。在你的css中为身体或通过将所有东西包装在一个正确大小的div中，位置为：relative;

Answer 2

您可以成功在包含图片的div中使用position: relative，并使用以下代码：

<div style="position:relative; min-width: 1024px">
    <div style="position: absolute; top: 10px; right: 4px; width: 20px; height: 20px; background-color: red"></div>

    <div style="width: 1024px; margin: auto 0px; height: 400px; background-color: #AAA">&nbsp;</div>
 </div>

Example here: http://jsfiddle.net/7jafS/

相对于总页面面积的CSS定位

2 个答案: