html将div固定在页面上,让DIV块在页面的某个位置固定的css代码

这个属性一共有四个选项：static、relative、absolute、fixed。很高兴，我们在阅读了相关的注释后，我们大概能看到fixed是比较符合我们的需求的：

fixed:

位置被设置为 fixed 的元素，可定位于相对于浏览器窗口的指定坐标。此元素的位置可通过 "left"、"top"、"right" 以及"bottom" 属性来规定。不论窗口滚动与否，元素都会留在那个位置。工作于 IE7(strict 模式)。

于是我们很快就有了以下的代码，不过很遗憾，IE中并不能通过严格的测试，但是FireFox中却可以通过测试！

复制代码代码如下:

Only fit FireFox! :(

.fixed_div{

position:fixed;

left:200px;

bottom:20px;

width:400px;

}

content, I'm content

不管上面上面说的IE7的strict模式，很显然，除了IE7，我们的挑战还有包括IE6在内的一大堆未知的因素。很显然，虽然这个方法通过了FireFox，但我们还是宣告失败了。

难道我们只能使用JavaScript让这一切继续“卡”下去么？(我指的是用JavaScript的时候效果很卡)

当然不行，我们的症结究竟在哪？我们该如何去解除它呢？带着这样的郁闷，我们需要开始新的探险。

HTML究