sytn.net
当前位置:首页 >> Div的相对定位和绝对定位是什么意思,什么区别啊? >>

Div的相对定位和绝对定位是什么意思,什么区别啊?

绝对定位(absolute): 当一个DIV块的位置被定义为绝对定位的时候,也就意味着它失去了文档流的位置,后面的文档流会紧跟着补上来接替它的位置.如果上下左右的绝对偏移量都是零,那么它将漂浮在原来的位置上.否则就会以浏览器的

前面两个链接说的挺明白的,一个是相对整个页面的定位,一个是相对于原来“应该”所在位置进行定位也说是说绝对定位是距离页面左上角的距离,相对定位是比如不进行定位本来应该在的位置,相对定位后是从不定位的位置开始算起

div+css布局很少用定位,除非做些特效或有必要才定位. div的布局就像表格那样嵌套, 如果要问绝对定位好还是用相对定位好? 因为绝对定位(和文档流没关系)如无申明,则其是对与body而言的,处理不好的话.如显示器尺寸变了,可能就会变型. 相对定位的元素属文档流,所以稳定的,相对定位是相对他该出现的位置,如无设top left之类,和普通div基本一样. 一般的绝对定位是这样用的,父元素要是相对定位的且须有布局,如有个高度,这样子元素用绝对定位,就可以相对它的父元素进行绝对定位,父元素若不这样做,那么子元素用绝对定位其实是相对body定位.

我来打个比方跟你说一下这两个的区别吧:相对定位和绝对定位:下面用三个人物的位置来说明这个问题,甲乙丙三个人,站在一排,间距都是1米;假若以甲为边缘点即起始计算位置(也就是相当于网页元素距离浏览器边缘的位置)则: 乙距离甲是1米,而丙的位置可以这么说: 相对位置(相对于乙来说,距离是1米),绝对位置即距离甲的位置是2米;大概意思就是这个意思.网页中的元素定位原理和这个差不多,只是参照物不同而已.至于什么情况用什么没有什么绝对的定论,完全可以实际情况来使用.但有一点:若页面想制作成随分辨率的大小而变化的,一般使用相对定位比较好控制.

绝对定位是相对于父标签决定位置,一般用于相对定位标签里面,JS特效经常用到.相对定位是相对于上一个相对定位的.一般用于浮动定位标签里面,一般跟绝对定位配合使用.浮动定位才是常用的.看例子:<body><div id="bq1"

相对定位就是相对于当前位置来进行定位,比如“东南方5公里”,就是从当前位置开始,往东南方向走5公里,就到达目的地,也就是说,这个目的地是不固定的,要根据当前所处位置来定.而绝对定位就是指定一个绝对位置来作为目的地,

绝对定位(absolute)意思是:将被赋予此定位方法的对象从文档流中拖出,使用left,right,top, bottom等属性相对于其最接近的一个最有定位设置的父级对象进行绝对定位,如果对象的父级没有设置定位属性,即还是遵循HTML定位规则的.相对

绝对定位(absolute):将被赋予此定位方法的对象从文档流中拖出,使用left,right,top, bottom等属性相对于其最接近的一个最有定位设置的父级对象进行绝对定位,如果对象的父级没有设置定位属性,即还是遵循HTML定位规则的,则依据 body

css绝对定位和相对定位的区别 1.绝对定位(absolute): 将被赋予此定位方法的对象从文档流中拖出,使用left,right,top,bottom等属性相对于其最接近的一个最有定位设置的父级对象进行绝对定位,如果对象的父级没有设置定位属性,即还是遵循html定位规则的,则依据body对象左上角作为参考进行定位. 绝对定位对象可层叠,层叠顺序可通过z-index属性控制,z-index值为无单位的整数,大的在最上面,可以有负值(目前负值ff不支持). 2.相对定位(relative):对象不可层叠,依据left,right,top,bottom等属性在正常文档流中偏移自身位置.同样可以用z-index分层设计.

顾名思义,相对定位就是元素相对其父元素的定位,而绝对定位则无视父元素,按给定的数值明确定位,这些看些例子就一目了然了.至于什么情况下用哪个,其实就是个个人习惯,只是绝对定位各浏览器的解释不近相同,如果要兼顾的话最好少用吧.

网站首页 | 网站地图
All rights reserved Powered by www.sytn.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com