html - Gmail 主页 CSS

标签 html css

与其说我是网页设计师,我更像是一个程序员,我正在尝试做一个简单的(我认为)设计,比如 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/

最佳答案

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

background-attachment:fixed;

还有你的div

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

如果这是你想要做的:

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

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

关于html - Gmail 主页 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20305153/

相关文章:

html - 由于 h5,按钮“立即应用”的字符之一被隐藏

javascript - 为什么 <div>/<a>/<i> 中的元素无法垂直居中对齐?

javascript - 禁用 anchor 标记时,文本在 IE 中变为灰色

css - 在 Next.js 12 中使用带有 SCSS 的 Bootstrap

html - 是否可以使用 HTTP 请求获取 Google map 路线?

javascript - 我怎样才能为我的网站使用特定的字体

html - 使用不同的子对齐方式垂直堆叠 div

html - 理解css textarea偏移量

html - 为什么背景图片有时没有覆盖整个页面?

javascript - safari 中的 webkitTransform 错误?我要疯了吗?