css relative相對定位的top值在不同瀏覽器中使用js獲取的差異
發(fā)布時(shí)間:2013-10-24 16:42:25 作者:佚名
我要評論

relative是指相對于這個(gè)對象原來所在位置(參照)的值,下面為大家將講解下使用js獲取時(shí)在IE、chrome、oprea等瀏覽器中的區(qū)別,感興趣的朋友可以參考下
這個(gè)relative是指相對于這個(gè)對象原來所在位置(參照)的值,如某個(gè)對象有"position:relative"的樣式,那么設(shè)置該對象的css "top:10px",結(jié)果是該對象相對其原來位置像正方向(向下)偏移10px。
js在獲取這個(gè)top值的時(shí)候,如果css中沒有顯式指定這個(gè)值,IE,chrome,oprea等認(rèn)為該值為auto,firefox認(rèn)為該值為0px
js在獲取這個(gè)top值的時(shí)候,如果css中沒有顯式指定這個(gè)值,IE,chrome,oprea等認(rèn)為該值為auto,firefox認(rèn)為該值為0px
相關(guān)文章
- positon有4個(gè)屬性:static relative absolute fixed,我們都知道absolute是絕對定位,relative是相對定位,但是這個(gè)絕對與相對是什么意思呢?絕對是什么地方的絕對,相對又2014-11-28
css中定位中的absolute和relative是什么意思
做一些浮動(dòng)層等特殊特殊效果時(shí)要考慮到定位問題就要用到Position屬性,其有四個(gè)屬性值:static、fixed、absolute和relative,想必后面兩個(gè)大家都熟悉吧2014-04-15CSS中的position:relative;的作用示例介紹
CSS中的position:relative是控制元素相對定位的,relative 不脫離文檔流而absolute 脫離文檔流,relative 的元素盡管表面上看到它偏離了原來的位置,但它實(shí)際上在文檔流中2013-11-05css中position:relative和overflow:hidden之間的問題
在父標(biāo)簽中使用了overflow:hidden;時(shí),如果子標(biāo)簽中有元素的position設(shè)置成relative的時(shí)候,在IE6和IE7中父元素的overflow對其將不起作用,其實(shí)將父標(biāo)簽的position也設(shè)置成2013-09-04css中position屬性(absolute|relative|static|fixed)概述及應(yīng)用
position屬性的相關(guān)定義:static:無特殊定位,對象遵循正常文檔流;relative:對象遵循正常文檔流;absolute:對象脫離正常文檔流fixed:對象脫離正常文檔流,有興趣的朋友2013-04-08CSS position屬性absolute relative等五個(gè)值的解釋
目前幾乎所有主流的瀏覽器都支持position屬性("inherit"除外,"inherit"不支持所有包括IE8和之前版本IE瀏覽器,IE9、IE10還沒測試過),以下是w3school對position五個(gè)值的2012-12-15跨瀏覽器實(shí)現(xiàn)float:center-CSS教程-網(wǎng)頁制作-網(wǎng)頁教學(xué)網(wǎng)
原文: http://www.macji.com/blog/article/to-achieve-cross-browser-css-float-center/to-achieve-cross-browser-css-float-center/ 我們都知道float:left和float:rig2008-10-17css 使用relative設(shè)置top為百分比值的方法(仿百度首頁)
最近在學(xué)習(xí)HTML、CSS的過程中,想模仿一下百度首頁。發(fā)現(xiàn)搜索框這一部分與上下其它元素的空白距離可以隨著窗口大小變化,下面小編給大家?guī)砹薱ss 使用relative設(shè)置top為百2018-02-27