列出display的值,说明他们的作用。position的值, relative和absolute分别是相对于谁进行定位的?
2017-09-11 00:00
701 查看
diaplay取值有:
block :设置元素以块样式显示
inline:设置元素以行内形式显示
inline-block:向行内元素一样显示,但内容向块级元素一样
none:隐藏元素,在页面中不占据空间
list-item:向块级一样显示,但添加列表样式
position的值:
absolute:绝对定位元素,相对于第一个祖先定位,可以脱离文档流
relative:相对定位元素,相对与自身定位,不可与脱离文档流,当进行定位时,所占位置不会消失,仍占据。
fixed:固定定位,绝对定位,相对浏览器窗口定位,脱离文档流,当浏览器滚动时,不会动,是固定的
static静态,没有定位
block :设置元素以块样式显示
inline:设置元素以行内形式显示
inline-block:向行内元素一样显示,但内容向块级元素一样
none:隐藏元素,在页面中不占据空间
list-item:向块级一样显示,但添加列表样式
position的值:
absolute:绝对定位元素,相对于第一个祖先定位,可以脱离文档流
relative:相对定位元素,相对与自身定位,不可与脱离文档流,当进行定位时,所占位置不会消失,仍占据。
fixed:固定定位,绝对定位,相对浏览器窗口定位,脱离文档流,当浏览器滚动时,不会动,是固定的
static静态,没有定位
相关文章推荐
- position的值, relative和absolute分别是相对于谁进行定位的? absolute :生成绝对定位的元素, 相对于最近一级的 定位不是 static 的父元素来进行定位。 fi
- position的值,relative和absolute分别相对于什么定位
- CSS中position的absolute如何相对于父元素的位置进行定位
- 深入理解position:relative 与 position:absolute(divb相对于diva进行绝对定位)
- Div入门之div定位position,绝对定位absolute,相对定位relative
- 【CSS3】---层模型position之fixed固定定位、absolute绝对定位和relative相对定位
- 【CSS3】---层模型position之fixed固定定位、absolute绝对定位和relative相对定位
- css基础 绝对定位 position:absolute 相对于document元素进行定位 (无定位的祖先元素)
- css基础 绝对定位 position:absolute 相对于document元素进行定位 (无定位的祖先元素)
- 【CSS3】---层模型position之fixed固定定位、absolute绝对定位和relative相对定位
- css基础 绝对定位 position:absolute 相对于定位的祖先元素进行定位
- css基础 绝对定位 position:absolute 相对于定位的祖先元素进行定位
- CSS中position的absolute如何相对于父元素的位置进行定位
- css使absolute相对于父容器进行定位而不是以body(为什么绝对定位(absolute)的父级元素必须是相对定位(relative))
- css中position相对定位和绝对定位(relative,absolute)详解
- CSS中position的absolute如何相对于父元素的位置进行定位
- CSS中position的absolute如何相对于父元素的位置进行定位
- CSS中position属性的理解,相对位置relative,绝对位置absolute,固定fixed,页脚固定的实现2种方法
- html 元素定位position-relative, absolute, fixed, static
- 10步掌握CSS布局定位: position static relative absolute float