程序博客网 > 淘宝退款申请介入意思

css中position属性的static,relative,absolute,fixed简要说明

来源：互联网发布：淘宝退款申请介入意思编辑：程序博客网时间：2024/04/30 06:17

static
- HTML元素的默认值，即没有定位，元素出现在正常的流中。静态定位的元素不会受到top, bottom, left, right影响。
relative
- 相对定位元素的定位是相对其正常位置。
```
h2.pos_left{position:relative;left:-20px;}h2.pos_right{position:relative;left:20px;}
```
  相对定位元素经常被用来作为绝对定位元素的容器块。
- Absolutely定位使元素的位置与文档流无关，因此不占据空间。
  Absolutely定位的元素和其他元素重叠。
absolute
- 绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于<html>:
```
h2{position:absolute;left:100px;top:150px;}
```
  重叠的元素
  元素的定位与文档流无关，所以它们可以覆盖页面上的其它元素
  z-index属性指定了一个元素的堆叠顺序（哪个元素应该放在前面，或后面）
  一个元素可以有正数或负数的堆叠顺序：
fixed
- 元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动：
```
p.pos_fixed{position:fixed;top:30px;right:5px;}
```
  Fixed定位使元素的位置与文档流无关，因此不占据空间。
  Fixed定位的元素和其他元素重叠。

0 0

淘宝退款申请介入意思

淘宝退款申请介入意思

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子小学生绘画作品图片小学风景画小学的画小学生绘画作品四年级画的画小学生画秋天的图画小学生怎么画画小学生小学科学幻想画三年级画的画小学三年级画小学生科幻画怎么画小学生画画比赛作品五年级画的画六年级画的画小学四年级素描画小学四年级科技画小学二年级科技画小学数字画小学诗配画小学六年级的画小学儿童画画画小学生小学生画的环保画小学生绘画教学画小学生怎么画初中生画的画小学画画教学我心中的小学儿童画小学科技幻想画小学科技画大全小学四年级诗配画小学生绘画比赛五年级学生画的画小学生画人怎么画小学五年级科技画小学生画画优秀作品小学数学与生活画小学生绘画技巧适合六年级画的画小学生绘画手抄报