css学习点滴记录

css固定元素位置(fixed)

我们经常碰到的需求是希望页面某个元素固定在浏览器的一个位置，无论如何滚动滚动条，位置不变，就例如经常看到的弹出广告。方法一般是使用js控制，或者使用css。这里我写的是css的控制方法。

在IE7以上版本及firefox、opera、safari里，都支持css属性"position:fixed"，它的作用就是将元素相对于窗口固定位置。代码如下

#ads{
    position:fixed;
    right:0;
    bottom:0;
    border:1px solid red;
    width:300px;
    height:250px;
}

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

body默认的margin会有8px，需要设置为0，否则会有白边。body默认的margin会有8px，需要设置为0，否则会有白边。body默认的margin会有8px，需要设置为0，否则会有白边。

浏览器宽度改变后，页面不乱的设置办法：

body{

    min-width:960px;

}

css3浏览器兼容性