html - Gmail 主页 CSS

Question

与其说我是网页设计师，我更像是一个程序员，我正在尝试做一个简单的(我认为)设计，比如 gmail 的主页 https://mail.google.com/intl/fr/mail/help/about.html

我在屏幕中央有一个带有 overflow:hidden 的 div，因此背景图像不会调整大小。

在那个 div 中，我有另外 2 个 div，一个在左边，一个在右边，问题是，因为当我将页面缩小到右边的 div 时，主 div 是 overflow:hidden不再可见。

你可以在这里看到一个演示:http://jsfiddle.net/e7MMQ/

Answer 1

首先背景与div overflow无关，你可以使用

background-attachment:fixed;

还有你的div

只需使用 float : left; 和 float : right ;

如果这是你想要做的:

http://jsfiddle.net/prollygeek/e7MMQ/1/

这是因为你指定了一个宽度，而你的 div 仍然在那里，但你要向右滚动才能看到它。