Question

在页面顶部拍摄一个横幅不同的网站

在div#wrapper-inside内div#wrapper #wrapper-inside具有固定宽度且居中于中心 #wrapper有一个很大的背景图片

现在。当浏览器视口宽度小于#wrapper-inside时，我们得到一个漂亮的水平滚动条，当我们向左滚动时，您会注意到#wrapper的宽度与浏览器视口保持一致宽度。

问题是#wrapper滚动并且背景图像被切断。

这可以单独用css修复，如果没有，jQuery？

Answer 1

如何将#wrapper min-width设置为与包装内部相同的固定宽度。

Answer 2

只能用css完成：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style>
            #wrapper {
                overflow: auto;
                background-image: url('http://fc05.deviantart.net/fs50/f/2009/340/b/0/Me_by_dicabrio.png');
            }
        </style>
    </head>
    <body>
        <div id="header">
            bla bla
        </div>
        <div id="wrapper">
            <div id="wrapper-inner" style="width: 2000px; border: 1px solid black;height: 100px; color: white;">
test;test;test;test;test;test;test;test;test;test;test;test;test;test;test;
            </div>
        </div>
    </body>
</html>

自动宽度div背景+垂直滚动

2 个答案: