根据其他调整大小的 html 元素定位背景图像答案

【问题标题】：Position background image according to other resizing html elements根据其他调整大小的 html 元素定位背景图像
【发布时间】：2012-08-02 13:31:34
【问题描述】：

所以我有一个div，它位于我的页面中间（水平居中但不是垂直居中），它会缩放以适应设备宽度，直到设备大于 600 像素。之后，div 保持在 600px 宽并保持在窗口的中心，无论它变得多大。

我想做的是定位背景图像，使其始终位于此缩放div 的左下方（页面背景不是div 的背景）。我相信我需要使用 javascript 来执行此操作，但我不确定。我想我可能需要做类似的事情：

var divWidth = document.getElementById('theScalingDiv').offsetWidth;
var pageWidth = document.clientWidth;
var xCoord = (pageWidth/2) - (divWidth/2);

然后我可以使用绝对定位根据缩放高度div和计算出的xCoord来定位背景图片。这听起来可行吗？

【问题讨论】：

【解决方案1】：

您可以在 div 上使用固定定位：

.divtoposition {
position:fixed;
left: 0;
bottom: 0;
}

【讨论】：