static(静态定位):即默认值,元素框正常生成的,top、right、bottom、left这些偏移属性不会影响静态定位的正常显示(属性不应用);

relative(相对定位):元素相对自身偏移某个位置,元素仍保持其未定位前的形状,它原本所占的空间仍保留,可通过z-index进行层次分级,子元素可相对该元素进行绝对定位;

absolute(绝对定位):元素框从文档流完全删除,相对于其最近的父级块元素(如果父级 position 为 static 时,absolute元素将以body坐标原点进行定位),元素原先在正常文档流中所占的空间会关闭,就好像元素原来不存在一样。元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框,可通过z-index进行层次分级;

fixed(固定定位):它所相对固定的对象是可视窗口,与其他无关,可通过z-index进行层次分级。

最新文章

  1. Windows下wnmp相关配置
  2. HDU 5980 Find Small A(寻找小A)
  3. venus
  4. DOM动态脚本和动态样式
  5. Sublime Text 3 快捷键整理
  6. HTK搭建语音拨号系统实验材料下载
  7. Express ejs 3.* layout.ejs
  8. mybatis 如何查找表里的某一个字段,然后返回它们的结果集list ?
  9. Spring MVC 中文乱码的解决
  10. FFMPEG 库移植到 VC 需要的步骤
  11. [Unity3d]小地图的制作
  12. ThinkPHP 参数绑定原理
  13. Linux下完全删除用户
  14. hello2部分代码解析
  15. ArrayList源码解读笔记
  16. UWP简单示例(二):快速开始你的3D编程
  17. Angular 个人深究(三)【由Input&Output引起的】
  18. 微信小程序- 提示不在以下合法域名列表中
  19. IntelliJ IDEA的配置优化
  20. delphi中的 IntToHex()

热门文章

  1. linux c基础技巧
  2. python 2.7 环境配置
  3. 使用TypeScript创建Vue项目
  4. 单源最短路——朴素Dijkstra&堆优化版
  5. python学习-58 configparse模块
  6. protobuf的使用(netty传输多种对象类型)
  7. my linux cmd
  8. Pytorch:module 'torch' has no attribute 'bool'
  9. 【转载】C#使用is关键字检查对象是否与给定类型兼容
  10. js钩子函数实现一个简单动画