如何停止调整CSS大小以适应浏览器窗口？

当使用css背景（如下面页面的页脚（在元素div.footer_head和div.footer_footer中））时，如果浏览器窗口的大小调整为小于1000px，则div自身保持全宽，但在浏览器中向右滚动导致空白出现在背景应该出现的位置。如何停止调整CSS大小以适应浏览器窗口？

我确定我会在这里找到一个类似的问题，但似乎无法正确地将其正确地找到，以便在搜索中找到它。

如果有人能指出我在正确的方向，我相信我可以弄清楚这一点。

看看当您将浏览器调整为非常薄并滚动到右侧时，类footer_head和footer_footer的div如何运行。

screenshot http://printanomics.unbranded-nomads.co.uk/picture-2.jpg

来源

2011-08-18 mike-source

你可以发布一个例子，并说出你想要改变它吗？ –

完成后，将尝试获取屏幕截图 –

带有一些代码的jsFiddle链接将很好，以帮助我们帮助您:) –

您需要添加一个min-width:1000px到.footer-container。

.footer-container { 
    float: left; 
    line-height: 1.5; 
    margin-top: 20px; 
    width: 100%; 
    min-width: 1000px; /* add this */ 
}

这将意味着最小的width的.footer-container将得到的是1000px。虽然此后它将扩大到100％。

来源

2011-08-18 12:17:27 tw16

谢谢！不是一个完美的解决方案，这似乎留下了另一个50px的空白在右边，这是奇怪的...我已经使它min-width：1050px;它走的是全角，但我担心可能会使水平滚动条出现在1024x768的屏幕上。我没有时间让它完美地支持每一个分辨率，但考虑到其他所有内容都是1000px或更少，有点恼人...... –

如果你看一下你的CSS文件，你会看到页脚宽度设置为100％，而不是1000像素为其他申报单。这也适用于你的背景，因为你的背景不会比div本身更大。

我不知道你是否使用这个，但Firebug是一个非常好的Firefox插件，用于识别CSS文件中的问题。

来源

2011-08-18 12:03:31

我使用铬我有一些相似的东西。我似乎无法弄清楚哪个div需要固定宽度，哪个div需要一个百分比，尽管... –

虽然编码它总是很好有不同的浏览器，因为同一个网站可能在不同的浏览器上看起来不一样... 我刚刚将最小宽度：1000px应用于.footer-container类 –

Chrome的确有类似的东西。右键单击文档中的一个元素并选择“Inspect Eelement”或通过扳手菜单访问“工具”>>“开发人员工具”。 –

如何停止调整CSS大小以适应浏览器窗口？

回答

相关问题