div定位问题

Question

在FireFox 3.5中，下面的div不会将页面内容向下推。相反，它重叠。 IE 8没有。我能做些什么来快速修复？

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

Answer 1

位置：固定的手段，那在div应保持绝对的观点（浏览器窗口）。您可以使用真正的绝对定位：

position: absolute; 

Answer 2

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

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

Answer 3

如果这是“绝对”，而不是“固定”