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

【问题标题】：Auto width div background + vertical scroll自动宽度 div 背景 + 垂直滚动
【发布时间】：2009-12-09 19:48:46
【问题描述】：

描绘一个在页面顶部带有不同高度横幅的网站，

在此之下，div#wrapper 内的div#wrapper-inside
#wrapper-inside 具有固定宽度并居中
#wrapper 有一个很大的背景图像

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

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

可以单独使用 css 来解决这个问题吗？如果不是，jQuery？

【问题讨论】：

标签： jquery css

【解决方案1】：

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

【讨论】：

像魅力一样工作。谢谢！ IE6 用户已经收到了一个大更新警告，所以要和他们一起玩。

【解决方案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>

【讨论】：