css relative相對(duì)定位的top值在不同瀏覽器中使用js獲取的差異
發(fā)布時(shí)間：2013-10-24 16:42:25 作者：佚名 
我要評(píng)論
我要評(píng)論relative是指相對(duì)于這個(gè)對(duì)象原來所在位置（參照）的值，下面為大家將講解下使用js獲取時(shí)在IE、chrome、oprea等瀏覽器中的區(qū)別，感興趣的朋友可以參考下
這個(gè)relative是指相對(duì)于這個(gè)對(duì)象原來所在位置（參照）的值，如某個(gè)對(duì)象有"position:relative"的樣式，那么設(shè)置該對(duì)象的css "top:10px",結(jié)果是該對(duì)象相對(duì)其原來位置像正方向（向下）偏移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是絕對(duì)定位，relative是相對(duì)定位，但是這個(gè)絕對(duì)與相對(duì)是什么意思呢？絕對(duì)是什么地方的絕對(duì)，相對(duì)又2014-11-28
css中定位中的absolute和relative是什么意思
做一些浮動(dòng)層等特殊特殊效果時(shí)要考慮到定位問題就要用到Position屬性，其有四個(gè)屬性值：static、fixed、absolute和relative，想必后面兩個(gè)大家都熟悉吧2014-04-15CSS中的position:relative;的作用示例介紹
CSS中的position:relative是控制元素相對(duì)定位的，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對(duì)其將不起作用，其實(shí)將父標(biāo)簽的position也設(shè)置成2013-09-04css中position屬性(absolute|relative|static|fixed)概述及應(yīng)用
position屬性的相關(guān)定義：static：無特殊定位，對(duì)象遵循正常文檔流;relative：對(duì)象遵循正常文檔流;absolute：對(duì)象脫離正常文檔流fixed：對(duì)象脫離正常文檔流，有興趣的朋友2013-04-08CSS position屬性absolute relative等五個(gè)值的解釋
目前幾乎所有主流的瀏覽器都支持position屬性（"inherit"除外，"inherit"不支持所有包括IE8和之前版本IE瀏覽器，IE9、IE10還沒測(cè)試過），以下是w3school對(duì)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