div定位问题

【问题标题】：div positioning problemdiv定位问题
【发布时间】：2009-08-24 21:27:07
【问题描述】：

在 FireFox 3.5 中，以下 div 不会下推页面内容。相反，它重叠。 IE 8 没有。我可以做些什么来快速解决问题？

<div style="position:fixed;top:0;width:100%;">blah blah</div>

【问题讨论】：

【解决方案1】：

position: fixed 意味着 div 应该保持绝对的视点（到浏览器窗口）。您可以用于真正的绝对定位：

position: absolute;

【讨论】：

【解决方案2】：

这应该是“绝对的”而不是“固定的”

【讨论】：

【解决方案3】：

它应该重叠， position:fixed 这样做。将其切换到静态或移除位置。在这两种情况下，top 都变得毫无意义。

位置固定：可以通过设置top right bottom和left来设置元素位置。这将包含与浏览器边界的距离。 绝对位置：相同但现在右上角和左下角将需要与具有“位置：相对”的第一个父级的距离。

【讨论】：