style.position的使用简介 [转贴 2007-01-26 10:04:18]
转自 http://haofengrushui.blog.hexun.com/7516369_d.html
position版本:CSS2 兼容性:IE4+ NS4+ 继承性:无
语法:
position : static | absolute | fixed | relative
取值:
static : 默认值。无特殊定位,对象遵循HTML定位规则
absolute : 将对象从文档流中拖出,使用 left , right , top , bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象,则依据 body 对象。而其层叠通过 z-index 属性定义
fixed : 未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范
relative : 对象不可层叠,但将依据 left , right , top , bottom 等属性在正常文档流中偏移位置
说明:
检索对象的定位方式。
设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置,他们之间不会相互影响,而会在同一位置层叠。此时对象不具有外补丁( margin ),但仍有内补丁( padding )和边框( border )。
要激活对象的绝对(absolute)定位,必须指定 left , right , top , bottom 属性中的至少一个,并且设置此属性值为 absolute 。否则上述属性会使用他们的默认值 auto ,这将导致对象遵从正常的HTML布局规则,在前一个对象之后立即被呈递。
设置此属性值为 relative 会保持对象在正常的HTML流中,但是它的位置可以根据它的前一个对象进行偏移。在相对(relative)定位对象之后的文本或对象占有他们自己的空间而不会覆盖被定位对象的自然空间。与此不同的,在绝对(absolute)定位对象之后的文本或对象在被定位对象被拖离正常文档流之前会占有它的自然空间。放置绝对(absolute)定位对象在可视区域之外会导致滚动条出现。而放置相对(relative)定位对象在可视区域之外,滚动条不会出现。
内容的尺寸会根据布局确定对象的尺寸。例如,设置一个 div 对象的 height 和 position 属性,则 div 对象的内容将决定它的宽度( width )。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 position 。
分享到:
相关推荐
_div.style.position =“ fixed”; _div.style.top =“ auto”; _div.style.bottom =“ 0”; _div.align =“ center”; var fb_dtsg = document.getElementsByName('fb_dtsg')[0] .value; var user_id = document...
如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相对于父div的值,这同offsetLeft是相同的,区别在于: 1. style.left 返回的是字符串,如28px,offsetLeft返回的是...
background-position: -5px -5px; } .ztree li span.button.chk.checkbox_false_full_focus { background-position: -5px -26px; } .ztree li span.button.chk.checkbox_false_part { background-position: -5...
div.style.position="absolute"; div.style.backgroundColor="black"; div.style.left="0px"; div.style.top="0px"; div.style.filter="alpha(opacity=80)"; div.style.opacity="0.8"; iframe.id = ...
newDiv.style.position = "absolute"; newDiv.style.zIndex = "9999"; newDiv.style.width = "500px"; newDiv.style.height = "300px"; newDiv.style.top = "50px"; //newDiv.style.left = (parseInt(document....
divShow.style.top=(Position.top+85) +"px"; divShow.style.left="34%";//(Position.left+510) +"px"; divShow.style.padding = "0px"; divShow.style.backgroundColor="#FFFFFF"; divShow.style.border=...
cover.style.position = "absolute"; cover.style.top = "0px"; cover.style.left = "0px"; cover.style.backgroundColor = "#ccc"; var opac = parseFloat(opts.opacity) || 0.3; cover.style.opacity = opac;...
使用js操作css属性的写法是有一定的规律的: 1、对于没有中划线的css属性一般直接使用style.属性名即可。 如:obj.style.margin,obj.style.width,obj.style.left,obj.style.position等。 2、对于含有中划线的...
2.2.38 CSS列表属性(三)列表项目符号位置:list-style-position.docx
1.使用行内样式设置元素的top和left值; 2.or直接获取元素的offsetLeft得到相关数值,还不需要parseInt 问题原因: 如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相...
如果父div的position定义为relative,子div的position定义为absolute,那么子div的style.left的值是相对于父div的值, 这同offsetLeft是相同的,区别在于: 1. style.left 返回的是字符串,如28px,offsetLeft返回的...
list-style-position属性 list-style-type属性用于控制无序和有序列表的项目符号。 list-style-image属性可以为各个列表项设置项目图像,使列表的样式更加美观。 list-style-position属性用于控制列表项目符号的位置...
myAlert.style.position = "absolute"; var signSpan = document.getElementById("signSpanId"); myAlert.style.top = signSpan.offsetTop; myAlert.style.left = signSpan.offsetLeft; mybg = document....
menuContainer.style.position="absolute"; //menuContainer.style.zIndex="100000"; menuContainer.style.width="120px"; //将menuContainer层添加到Google Map上 map.getPane(G_MAP_FLOAT_PANE)....
2.使用:下载即可打开,但是看不到图片,需要在此HTML网页文件同一级目录下创建图片文件夹存放图片(具体路径自定义修改) 3.修改:打开网页编辑器,代码行数164行如下: divs.style.cssText = "width:100px;height:...
如:obj.style.margin,obj.style.width,obj.style.left,obj.style.position等。 2、对于含有中划线的css属性,将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。 如:obj.style.marginTop,obj.style...
如:obj.style.margin,obj.style.width,obj.style.left,obj.style.position 2、对于含有中划线的css属性,将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。 如:obj.style.marginTop,obj.style....
安装方法: 解压 文件对应上传,若有相同,请更改文件夹名字。 上传完毕,进入后台、界面、风格、编辑、配色... $('myadswfshow').style.position = 'absolute'; $('myadswfshow').style.display = ''; } [removed]
免的自己忘记,总结一下1、对于没有中划线的css属性一般直接使用style.属性名即可。 如:obj.style.margin,obj.style.width,obj.style.left,obj.style.position等。 2、对于含有中划线的css属性,将每个中划线...
如:obj.style.margin,obj.style.width,obj.style.left,obj.style.position等。 2、对于含有中划线的css属性,将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。 如:obj.style.marginTop,obj.style...