Question

我试图标记要在网页右下角显示的图片。

如果我将页面的整体宽度设置为100％并且我将图片设置为浮动在底部，它使得技巧完美但在上面所提到的图片是一个更大的宽度图片，大约1600px所以当你在小窗口浏览器中打开页面时，浮动的图片对齐但滚动条apears并滚动到页面的整个宽度没有浮动的图片.. < / p>

body{width:100%;}
thepicture{width: 1289px;
height: 446px;
position:relative;
float:right;}

所以第二个方法：使主体或包装器的div固定宽度大于上面提到的上图：

体{最小宽度：到1600像素;}

看起来很棒，直到有人拥有比1600px更大的屏幕...浮点数以1600px结束;

第一个解决方案需要调整，但我无法弄清楚如何，一些响应浮动可能是伟大的jquery可能？谢谢前锋

问题是珍珠：）

Answer 1

听起来你需要在这里使用背景图片。将背景放在100％宽度的div上，并将背景位置设置为right bottom。

div.background{background: url('images/bg.png') no-repeat right bottom; width: 100%}

Answer 2

尝试position: fixed; z-index: -1;，它完全符合您的要求。 Example

Answer 3

<强>更新

可能是这项工作：

body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%
    min-width: 1648px; /* the width of the longest element */
}

#bottomwrap {
    /* replace with your background color */
    background: url(path/to/picture) bottom right no-repeat;
    width: 100%;
}

将body margin，padding重置为零，并将body height设置为100％

<强>更新

我已针对您的案例更新解决方案，修改HTML结构，您可以在此处查看http://jsbin.com/ulatis/1/edit

在浏览器窗口中将图片对齐到右下角

3 个答案: