position的定位和float的定位有什么区别呢?
1个回答
展开全部
首先position一般分为relative和absolute,相对定位的元素使得元素“浮”了起来,就是说z-index大于0的,应该是1,所以不论它怎么进行移动却总是覆盖普通文档流元素,而且定位可激活z-index,可以对其设置z-index层叠关系,而且相对元素是保留了自己的占位信息,普通文档流中的元素不会认为它不存在,它的移动方式是以自身为基准的,移动方式为left right bottom top ,
而绝对定位元素首先它是脱离了文档流,而且并没有保留占位信息,但是也大于z-index,普通元素不认为它存在,它的定位方式是以附近祖先元素或者父级元素设置了定位以基准的,如果无,则body,而且absolute会改变元素的display类型为inline-block,
浮动定位,可以说明他是脱离了文档流,而且z-index在0这一层,定位方式为left right,直到碰到它的包围框或其他浮动元素为止,它也可以改变元素的display类型为inline-block,但是对absolute、float设置display类型是无效的,最后,文本元素并不会覆盖浮动元素。详细说明的话就复杂了,先不说了。
好了,这些就是它们的基本区别,打的真累
而绝对定位元素首先它是脱离了文档流,而且并没有保留占位信息,但是也大于z-index,普通元素不认为它存在,它的定位方式是以附近祖先元素或者父级元素设置了定位以基准的,如果无,则body,而且absolute会改变元素的display类型为inline-block,
浮动定位,可以说明他是脱离了文档流,而且z-index在0这一层,定位方式为left right,直到碰到它的包围框或其他浮动元素为止,它也可以改变元素的display类型为inline-block,但是对absolute、float设置display类型是无效的,最后,文本元素并不会覆盖浮动元素。详细说明的话就复杂了,先不说了。
好了,这些就是它们的基本区别,打的真累
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询