100% div 宽度的 CSS 背景图片

Question

![这是它应该的样子][1]

我不知道如何为需要在 bcg 或 div 中的图像编写 CSS，这将与内容和标题的右侧对齐。此图像必须从内容的右侧到浏览器窗口的左侧。

假设浏览器窗口为 1900 像素宽，内容为 1100 像素居中对齐。图像与浏览器窗口的右侧对齐。

我想在您更改浏览器窗口的宽度时以这种方式编写它，图像需要保持右对齐并且左侧部分需要“消失”，就像您对背景图像执行此操作并更改 div 的大小时一样。

没有明显的图像拉伸(stretch)，也没有水平滚动。

它需要看起来像这样http://city.tolteam.com/2.html - 网站看起来像这样http://city.tolteam.com/ac.jpg

感谢任何帮助。谢谢。

Answer 1

使用 float :右；宽度:50%；/* 或固定宽度，如果你不希望图像收缩或拉伸(stretch) */

说喜欢

float:right; width:400px; /* The actual image width */

这将在浏览器调整大小时始终保持恒定大小。