我有一个简单的网站：固定宽度，可变高度，居中。我希望背景图像与内容的左下角对齐，如下所示：
----------------------------------------------------------
____________________________
| <- 960px -> |
| |
| |
| |
| Content |
| |
| |
| |
----------| |
| ____________________________
| bg-img |
| |
------------
----------------------------------------------------------
如果浏览器窗口足够大，则应该可以看到整个背景图像。如果它更小，图像应该被切断而不强制水平或垂直滚动条。我不知道如何使水平和垂直的东西正确。有什么建议？ 非常感谢。
答案 0 :(得分：1)
不要将背景放在内容div上，将其放在内容div的子节点上。然后绝对定位该元素：
position: absolute;
left: -100px;
bottom: -100px;
它还需要宽度和高度，内容div需要是position：relative或absolute。如果你需要一个更全面的例子，那就说出来，我会写一个。
至于在底部切割图像，你可能只是运气不好，除非你可以保证你的内容高度小于窗口的高度（你可能不会）。
答案 1 :(得分：0)
使图像非常大并将其应用于body标签，以便图像位于您想要的位置。将其放置在左侧中央，但使其足够宽以使其正确定位，例如超过960px，但即使是任何一方，以便它正确居中。
答案 2 :(得分：0)
为了使尺寸适合不同的浏览器，您可以设置背景图像，然后将左右边距设置为自动。这将使您的网站成为自动中心，并允许您的背景被切断，无论浏览器更改多少。
body {
background-image: whatever.jpg;
}
maindiv/contentholder {
margin-left:auto;
margin-right:auto;
}
答案 3 :(得分：0)
绝对定位bg-img。隐藏从图像创建的溢出。我把它放在一个风格的div中。
答案 4 :(得分：0)
感谢您的回答。我认为这不是完全可能的。我做了一个不同的方法，将元素绝对放在左下方。它现在位于左下角，当浏览器窗口变小时，它会被content-div重叠。