1

[已编辑] 是我正在使用的样本。

[ redacted ] 是相关的 css 文件。

它只是填充文本和示例图像,但我是新手,不知道我在做什么。

我想要:徽标图像和 3 个彩色动画链接固定在页面的左上角。一个蓝色条,在页面上水平运行,位于徽标+链接下方。内容以流动的方式流动(动态调整大小?)滚动工作。

我在最后一部分遇到了麻烦。通过 CSS 巫术和负边距,我可以让它在我的 1280x1024 Chromium 浏览器上看起来“正确”,但是如果我在 Firefox 中打开它或更改分辨率,内容会溢出并且没有滚动条可以查看其余的内容。我什至不能使用 [DOWN] 键滚动。

我究竟做错了什么?如何强制显示和导航其余内容?我是否不正确地实施 CSS?

请指教。

编辑:我使用的是position:fixed而不是position:absolute. 将所有这些引用从固定更改为绝对(然后修改边距)效果很好。

成品在 [ http://blasdev.heliohost.org/apx/about.html ]。

谢谢,埃尔约博!

4

1 回答 1

2

使用 position:absolute 而不是 position:fixed 设置#content div 的样式将解决您的滚动问题,但您需要调整其他内容。绝对位置将内容完全拉出正常流程,因此滚动不再起作用;A List Apart 上有一个很好的 CSS 定位示例。

于 2012-04-13T23:39:44.870 回答