position 小结

【position 小结】的更多相关文章

position: static fixed relative absolute sticky 1.static static定位是HTML元素的默认值,即没有定位,元素出现在正常的流中.因此,这种定位不会受到top,bottom,left,right的影响正常: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>D…

css position小结

relative:可使top,right,bottom,left等相对于自身位置来进行偏移:若无则这些偏移都不会起作用 absolute:寻找离自己最近position为relative或absolute定位的父节点,相对于它从padding开始的地方(即只从padding的左上角开始)进行定位,而非margin,若无,则相对于body定位, fixed:一种特殊的absolute定位,其位置永远相对body定位,ie6不支持这个,需要做些兼容 static:position的默认值,一般不设置…

定位属性position

定位属性position小结 1.元素为fixed(固定的),则是固定定位,即使是子元素,也不参考父元素的位置,即以浏览器作为参考定位.相当于电脑屏幕的一只蚂蚁,你无论怎么滑动屏幕,还是在原来的位置. 2.子元素为relative(相对的)时,不参考父元素的位置,子元素不会脱离文档流,子元素参考自身位置进行定位. 3.子元素为absolute(绝对的)时,当父元素为relative或absolute时,此时父元素有位置信息,子元素会脱离文档流,参考父元素的位置.当父元素为static时,子元素会…

position:absolute/relative/fixed小结

1.绝对定位:position:absolute; 当一个div块的位置被定义为绝对定位absolute时,也就意味着它失去了文档流的位置,后面的文档流会紧跟着补上来接替它的位置.如果上下左右的绝对偏移量都是0,那么它将漂浮在原来的位置上,否则,会根据相对该元素外的第一个非static属性的元素进行定位,如果没有非static属性的父元素,则相对于body定位.当偏移后超出浏览器视线的向下或向右的内容不会被隐藏,而是会出现滚动条,但是向左或向上的内容超出后会被隐藏. 2.相对定位:positio…

position和float小结

position属性值 Position的属性值共有四个static.relative.absolute.fixed. static 所有元素在默认的情况下position属性均为static,而我们在布局上经常会用到的相对定位和绝对定位常用的属性top.bottom.left.right在position为static的情况下无效.其用法为:在改变了元素的position属性后,可以将元素重置为static让其回归到页面默认的普通流中. relative 俗称的相对定位,重点在于对相对理解.每…

CSS - position属性小结

Relative: 属于文档流,针对自身进行偏移: Absolute: 脱离文档流,针对最近的定位元素进行偏移,如果没有,则针对根元素,即body标签尽心偏移: Fixed: 和absolute基本一致,唯一不同是,fixed针对视口进行偏移: Sticky: 可以看作是相对定位和固定定位和混合体.这里有一个阀值的概念(使用top right bottom left)进行定义,超过阀值之前是相对定位,超过阀值之后是固定定位.…

CSS属性小结之--半透明处理

项目中经常有遇到需求半透明的情况,如图片.文字.容器.背景等等,每次都要去翻以前的项目,不甚其烦.现在一次性做个小结,方便自己查阅,也同时分享给大家: 一. 元素容器透明 .div{ opacity: 0.5; /* Firefox.Chorme.Opera等主流浏览器识别 */ filter:alpha(opacity=50); /* IE6及以上IE浏览器识别 */ } 说明: 1. opacity:* 取值0-1之间,由全透明向不透明递增,超过1之后默认不透明: 2. filter:alp…