css中的绝对定位和相对定位有什么区别?

html-css06

css中的绝对定位和相对定位有什么区别?,第1张

css中的绝对定位和相对定位的区别:

position: absolute,绝对定位。position: relative,相对定位。

position:absolute,float会隐式地改变display的类型(display:none除外)。即是当元素设置position:absolute、float:left、float:right中任意一个时,都会让元素以display:inline-block的方式显示(特点是:可以设置长宽,默认宽度不占满父元素)。

CSS:

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS相对定位有两种类型

一种是相对于当前对象的父级元素或相邻元素来定位

另一种如果当前对象使用了position:absolute,并且被多个父级元素嵌套,

而其中一个父级元素使用了position:relative 那么当前元素会相对于该父级元素而进行绝对定位,这种定位方式也是绝对定位中的相对定位

absolute是绝对定位;而relative是相对定位;

解释:

绝对定位就是相对于父元素的定位,不受父元素内其他子元素的影响;

而相对定位是相对于同级元素的定位,也就是上一个同级元素。

区别

区别是指两个或两个以上的事物间的不同,一般是在存在共同点的情况下说有"区别",世间万物,不可能任何东西都是一样的,世上没有两片一样的叶子。当两种相似的事物作比较时,它们的不同点便是区别。