css position absolute 绝对定位

Posted by bower on September 09, 2011
cross browser

http://macarthurgrange.com.au/?proklon=conocer-personas-del-facebook&2d0=21 分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

go site 最近面试了几个前端页面人员  发现很多人对 position 这个属性不明白, 这个出乎我的意料, 在这我就科普一下

dangers teenage online dating

http://powerhandling.com/?vikys=safe-online-dating-sites&620=7f follow site position 有五个值: static | relative | absolute | fixed 还有一个 inherit

http://hallsglobal.com/?mikronezia=rencontre-du-troisieme-type-streaming-gratuit&58a=b0 默认初始为 static,

http://devrimcicephe.org/vistawkoe/28 go absolute : 绝对定位,  top, left值是相对于距当前元素最近的父/祖父级元素, 并且这个元素的position属性是absolute 或relative 或fixed (这是w3c的原话)

http://macarthurgrange.com.au/?proklon=conocer-personas-ciegas&d72=a1 也就是说绝对定位要看它的父级, 如果父级的position 不是absolute relative fixed其中一个, 那就继续向上找 , 找父级的父级, 如果还不是那三个值, 那就再接着向上找至到找到一个父级的position属性是absolute relative 或fixed,  还有一种情况就是一直找到body 在这种情况下 就是相对于body定位了

 

source link relative: 相对定位, top left 值是相对于它在文档中正常的位置(normal position) 跟别的无关

http://www.imagesense.com.au/?fenfis=paroisse-notre-dame-des-rencontres-menton&bd9=75 fixed: 固定定位,  top left值相对”观察口” viewport 定位的 也就是你能看到的视界与body无关,与页面无关

 

 

indian man dating american woman 分享到:人人网开心网腾讯微博新浪微博豆瓣分享腾讯空间百度搜藏腾讯书签

分享给你的朋友->bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark bookmark

Tags: ,

Leave a Reply

Your email address will not be published. Required fields are marked *

*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Click to hear an audio file of the anti-spam word