Question

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

我想要做的是定位背景图片，使其始终位于此缩放div的左下角（页面背景而不是div的背景）。我相信我需要使用javascript来做到这一点，但我不确定。我想我可能需要做一些事情：

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

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

Answer 1

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

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