css relative相对定位的top值在不同浏览器中使用js获取的差异
发布时间:2013-10-24 16:42:25 作者:佚名 我要评论
relative是指相对于这个对象原来所在位置(参照)的值,下面为大家将讲解下使用js获取时在IE、chrome、oprea等浏览器中的区别,感兴趣的朋友可以参考下
这个relative是指相对于这个对象原来所在位置(参照)的值,如某个对象有"position:relative"的样式,那么设置该对象的css "top:10px",结果是该对象相对其原来位置像正方向(向下)偏移10px。
js在获取这个top值的时候,如果css中没有显式指定这个值,IE,chrome,oprea等认为该值为auto,firefox认为该值为0px
js在获取这个top值的时候,如果css中没有显式指定这个值,IE,chrome,oprea等认为该值为auto,firefox认为该值为0px
相关文章
- positon有4个属性:static relative absolute fixed,我们都知道absolute是绝对定位,relative是相对定位,但是这个绝对与相对是什么意思呢?绝对是什么地方的绝对,相对又2014-11-28
css中定位中的absolute和relative是什么意思
做一些浮动层等特殊特殊效果时要考虑到定位问题就要用到Position属性,其有四个属性值:static、fixed、absolute和relative,想必后面两个大家都熟悉吧2014-04-15CSS中的position:relative;的作用示例介绍
CSS中的position:relative是控制元素相对定位的,relative 不脱离文档流而absolute 脱离文档流,relative 的元素尽管表面上看到它偏离了原来的位置,但它实际上在文档流中2013-11-05css中position:relative和overflow:hidden之间的问题
在父标签中使用了overflow:hidden;时,如果子标签中有元素的position设置成relative的时候,在IE6和IE7中父元素的overflow对其将不起作用,其实将父标签的position也设置成2013-09-04css中position属性(absolute|relative|static|fixed)概述及应用
position属性的相关定义:static:无特殊定位,对象遵循正常文档流;relative:对象遵循正常文档流;absolute:对象脱离正常文档流fixed:对象脱离正常文档流,有兴趣的朋友2013-04-08CSS position属性absolute relative等五个值的解释
目前几乎所有主流的浏览器都支持position属性("inherit"除外,"inherit"不支持所有包括IE8和之前版本IE浏览器,IE9、IE10还没测试过),以下是w3school对position五个值的2012-12-15跨浏览器实现float:center-CSS教程-网页制作-网页教学网
原文: 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设置top为百分比值的方法(仿百度首页)
最近在学习HTML、CSS的过程中,想模仿一下百度首页。发现搜索框这一部分与上下其它元素的空白距离可以随着窗口大小变化,下面小编给大家带来了css 使用relative设置top为百2018-02-27
最新评论