CSS cascade属性取值值和的区别是什么

来源：蜘蛛抓取(WebSpider) 时间：2017-01-02 08:18 标签： cascade属性取值
> CSS样式的postion属性absolute和fixed的区别
CSS样式的postion属性absolute和fixed的区别
CSS样式中的postion元素，它有四个不同的属性，即static | absolute | fixed | relative。
static :? 默认值。无特殊定位，对象遵循HTML定位规则
absolute :? 绝对的。将对象从文档流中拖出，使用 left ， right ， top ， bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象，则依据 body 对象。而其层叠通过 z-index 属性定义
fixed& :? 固定的。对象定位遵从绝对(absolute)方式。但是要遵守一些规范
relative :? 对象不可层叠，但将依据 left ， right ， top ， bottom 等属性在正常文档流中偏移位置
其中的 absolute和fixed很多人始终搞不明白区别到底多细微，其实，在IE里面的效果确实没什么区别，但在FF等飞IE内核的浏览器中的效果就很不一样了。
把下面一段代码复制，放到.html文件里在FF里就可以看出区别来了。
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=gb2312&P /&
&title&absolute和fixed的区别&/title&
&style type=&text/css&&
body{color:#}
#html{ position:width:778 height:1000 border:1px solid #0000FF;}
#fixed,#absolute{width:200 height:200 background:#FF0000;}
#fixed{position: top:50 left:50}
#absolute{position: top:50 left:450}
&body&&div id=&fixed&&我在屏幕的位置不会改变&/div&
&div id=&html&&
&div id=&absolute&&我会随屏幕滚动&/div&
提示:可以对代码修改后再运行。

我要回帖

更多关于 cascade属性取值 的文章

 

随机推荐