css - CSS DIV 滚动条和带最小宽度的背景

Question

我有一个 1400px 宽的标题 DIV，包含一个必须始终居中的背景图像。

我有一个需要 960 像素宽的网站。

当我调整浏览器的大小（缩小它）时，我不想要任何水平滚动条，直到我们达到 960 像素，但标题/背景上较大的宽度导致了这种情况。

是否可以在调整大小时停止所有水平滚动条直到 960px 并保持标题 div 中的背景图像居中？

任何帮助表示赞赏！我在这里设置的一些代码用于快速测试......

http://jsfiddle.net/gVuvk 背景图片的宽度为1400px。我需要滚动条从 960 像素开始，而不是 1400 像素。这可能吗？

Answer 1

将#header宽度从固定像素更改为100%

演示：http: //jsfiddle.net/wNSTD/3/

Answer 2

尝试摆弄最小宽度，如果这不起作用，请使用边距，cssauto-margins在这里很有用。所以，做这样的结构：

<style>
.center_image
{
  margin: auto auto; // or you can modify the x or y seperately
  background-image:url("somesite.jpg");
}
</style>

<div class="outer">
  <div class="center_image">

Answer 3

将标题的宽度设置为 100% 并将背景图像居中。

background: url(http://fade.com.au/test/bg-image.jpg) no-repeat center center;
width: 100%;

演示：http: //jsfiddle.net/post_erasmus/Hn6Zb/1/