绝对定位:position:absolute

  绝对定位使元素的位置与文档流无关,因此不占据空间。

  绝对定位的元素的位置相对于最近的已定位祖先元素(absoulte、relative),如果元素没有已定位的祖先元素,那么它的位置相对于最初的包含块。
  因为绝对定位的框与文档流无关,所以它们可以覆盖页面上的其它元素。可以通过设置 z-index 属性来控制这些框的堆放次序。   设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始包含块。   元素原先在正常文档流中所占的空间会关闭,就好像该元素原来不存在一样。元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。 相对定位:position:relative
  设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状,它原本所占的空间仍保留。
  注意,在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其它框。 绝对定位:position:fixed
  元素框的表现类似于将 position 设置为 absolute,不过其包含块是视窗本身,不在是相对于最近的已定位祖先元素
另外z-index的使用 好像作用在定位上有效

最新文章

  1. 孙鑫MFC学习笔记16:异步套接字
  2. iperf3实践
  3. [算法]——全排列(Permutation)以及next_permutation
  4. javascript 特效实现(3)—— 鼠标滑过显示二级菜单效果
  5. C# Socket 入门2(转)
  6. 和阿文一起学H5--如何把H5压缩到最小
  7. zabbix 3.0 安装
  8. 第四篇、C_快速、冒泡、选择、插入排序、二分查找排序、归并、堆排序
  9. javaWeb遍历获取session中的值
  10. Turn the corner
  11. (翻译)使用Api分析器与Windows兼容包来编写智能的跨平台.NET Core应用
  12. 关于document.body.scrollTop与documentElement.scrollTop
  13. 利用Swashbuckle生成Web API Help Pages
  14. python学习day7 深浅拷贝&文件操作
  15. 设计模式C++学习笔记之一(Strategy策略模式)
  16. go标准库的学习-net/http
  17. es6箭头函数内部判断
  18. <!--[if IE]><script type="text/javascript" src="matrix/js/html5.js"></script><![endif]-->代码解释
  19. k8s-rabbitmq-(一)集群部署
  20. 如何在eclipse的配置文件里指定jdk路径

热门文章

  1. codevs——2853 方格游戏(棋盘DP)
  2. fetch API 简单解读
  3. Java中获取当前时间并格式化
  4. 【ActiveMQ】管理界面查看消息详情,报错/WEB-INF/tags/form/forEachMapEntry.tag PWC6199: Generated servlet error: The type java.util.Map$Entry cannot be resolved. It is indirectly referenced from required .class files
  5. ThinkPHP示例:CURD
  6. wxWidgets界面开发工具wxFormBuilder的使用
  7. 启动mongodb报错问题
  8. win10中以管理员身份启动notepad、cmd、editplus
  9. linux 之体验(JDK7+Tomcat7+MySQL5.5)部署环境
  10. 常用组件介绍 ---- Layout_weight