Gmail主页css

Question

我更像是一个程序员而不是网页设计师，我试图做一个简单的（我认为）设计，比如gmail的主页https://mail.google.com/intl/fr/mail/help/about.html

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

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

您可以在此处查看演示：http://jsfiddle.net/e7MMQ/

Answer 1

首先，背景与div溢出无关，你可以只使用

background-attachment:fixed;

和你的divs

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

即可

如果您正在尝试这样做：

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

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

Answer 2

您可以尝试应用overflow：隐藏在左/右div中并将其修复。多数民众赞成在大容器内没有任何内容，一切都在左/右div。

然后将较大的容器设为固定大小，即左/右div的组合大小。

HTML：

<div id="container">
<div id="left">Some content</div>
<div id="right">Some other content</div>
</div>

CSS：

#container{
width:300px;
height:300px;
}
#left{
float:left;
width:150px;
height:300px;
overflow:hidden;
}
#right{
float:right;
width:150px;
height:300px;
overflow:hidden;
}

希望有所帮助！