display有哪些值:block 块类型默认宽度为父元素宽度,可设置宽高,换行显示,下面我们就来聊聊关于position属性的值有哪些?接下来我们就一起去了解一下吧!

position属性的值有哪些(面试13display有哪些值position的relative和absolute区别)

position属性的值有哪些

display有哪些值:

block 块类型。默认宽度为父元素宽度,可设置宽高,换行显示。

none 元素不显示,并从文档流中移除。

inline 行内元素类型。默认宽度为内容宽度,不可设置宽高,同行显示。

inline-block 默认宽度为内容宽度,可以设置宽高,同行显示。

list-item 象块类型元素一样显示,并添加样式列表标记。

table 此元素会作为块级表格来显示。

inherit 规定应该从父元素继承 display 属性的值。


position的relative和absolute有何区别?

absolute

生成绝对定位的元素,相对于值不为 static的第一个父元素进行定位。

fixed (老IE不支持)

生成绝对定位的元素,相对于浏览器窗口进行定位。

relative

生成相对定位的元素,相对于其正常位置进行定位。

static

默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right z-index 声明)。

inherit

规定从父元素继承 position 属性的值。

,