0

特定のポイントまで水平にオーバーフローする画像を持つデザインを機能させようとしていますが、スクロールバーは発生しません。画像で最もよく説明されています：

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

基本的にコンテンツは960pxです。ワイド画像は1800pxです。水平スクロールバーを 960px より下に配置しますが、上には配置しません。また、960px より上にある場合はすべてのコンテンツを中央に配置します。

以前にも似たようなデザインを見たことがあります。誰かが私に1つだけ指摘してくれるなら、それは素晴らしいことです.または、CSSを持っている場合:)

4

3 に答える 3

0

margin: autocss ファイルで試すことができます。または、ワイド画像を絶対に配置することもできます。次に、左マージンを負に設定して、中央に配置します。

.widePicture{
    position: absolute;
    left: 50%; (this places the left edge in the center)
    margin-left: -900px; (since the pic is 1800px wide, this will center it)
}
于 2012-11-28T00:01:57.013 に答える
0

「非常に広い画像」を div の背景 (マージンなし、幅 100%) に配置し、css を使用して bg 画像を中央に配置してください。水平スクロールはもう発生しません

于 2012-11-29T08:47:45.720 に答える
-1

画像にはオーバーフローを使用します。コンテンツには最小幅を使用します。

于 2012-11-27T23:46:23.910 に答える