100% div 宽度的 CSS 背景图像

Question

！[这就是它应该的样子][1]

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

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

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

没有图像的拉伸是大声的，也没有水平滚动。

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

任何帮助，不胜感激

Answer 1

使用 float:right; width:50%; /* or a fixed width if you dont want the image to shrink or stretch */

说喜欢

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

这将始终保持恒定的大小不规则的浏览器调整大小。