fixed

在web开发中，经常需要将元素固定在某个位置，不随浏览器的拖动而改变。 这时候，你可能很快会想到使用position:fixed;方式去处理，不错这个方案是标准的，并且在ie6+,ff等浏览器中都能很好的渲染，但ie6却不支持此属性。 因ie6在目前的用户量仍然很大，我们必须将其考虑在内。 其实早些时候在网上已经涌现了一些解决方案，但归结如下： 1.监听滚动条的拖动，动态改变元素的位置。 2.利用ie所支持css中的expression，在里面写script去动态获取位置。 但是上面的两种方法都会造成元素的刷新，虽然第二种会好些，但仍然不是我们要的效果，在这里以上两种实现方法，不做细节讨论，主要给大家介绍一种方法： 1.如果是非ie6,那么利用position:fixed;方式。 2.如果是ie，通过将body元素高定位100%,并做一些处理。 下面是代码演示和下载： http://www.scriptlover.com/controls/FixedPosition/ 转载请注明出处，谢谢。 来源： https://www.cnblogs.com/tantaiyizu/archive/2008/12/10/1352254.html

Positioning(定位) CSS定位属性允许你为一个元素定位。它也可以将一个元素放在另一个元素后面，并指定一个元素的内容太大时，应该发生什么。 元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法. 有四种不同的定位方法。 Static 定位 HTML元素的默认值，即没有定位，元素出现在正常的流中。 静态定位的元素不会受到top, bottom, left, right影响。 Fixed 定位 元素的位置相对于浏览器窗口是固定位置。 即使窗口是滚动的它也不会移动： 实例 p.pos_fixed { position:fixed; top:30px; right:5px; } 尝试一下 » 注意： Fixed 定位在 IE7 和 IE8 下需要描述 !DOCTYPE 才能支持. Fixed定位使元素的位置与文档流无关，因此不占据空间。 Fixed定位的元素和其他元素重叠。 Relative 定位 相对定位元素的定位是相对其正常位置。 实例 h2.pos_left { position:relative; left:-20px; } h2.pos_right { position:relative; left:20px; } 尝试一下 » 可以移动的相对定位元素的内容和相互重叠的元素