css - 溢出水平图像而不会导致滚动

Question

我正在努力使设计工作正常，图像水平溢出到某个点，但不会导致滚动条。最好用图片解释:

         +-------------------------------------------+
         |                                           | <-- the window
+-------------------------------------------------------------+
|                                                             |
| the image that is really wide                               |
|                                                             |
+-------------------------------------------------------------+
         |                                           |
         |    +--------------------------------+     |
         |    |                                |     |
         |    |    content that should cause   |     |
         |    |    a horizontal scroll         |     |
         |    |                                |     |
         |    +--------------------------------+     |
         |                                           |
         +-------------------------------------------+

基本上，内容是960px。宽图像为 1800px。我希望水平滚动条低于 960px，但不高于，并且我希望所有内容在高于 960px 时居中。

我知道我以前见过类似的设计。如果有人能给我指点一个，那就太好了，或者如果你碰巧有它的 CSS :)

Answer 1

使用overflow对于图片。 使用 min-width内容。