absolute属性表示绝对定位,通过top、left、bottom、right值来设置它们相对于最近的祖先元素的位置

【推荐课程:CSS教程】
绝对定位元素的位置与文档流无关,因此它不占据任何空间。当一个元素被设置为绝对定位时将会从文档流中完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始包含块
例:
立即学习“前端免费学习笔记(深入)”;
2010-10-31日最新更正: 一、更正了产品及文章无限分类不能显示继承类别的bug. 二、更正了产品名称标题过长导致页面布局错位的bug. 随缘企业网站管理系统(无限级分类红色版)简介: 一、全站采用主流DIV+CSS框架布局,宽屏红灰主色调,简洁大方。适合各类行业作为企业站使用。 二、后台可对相关的网站标题,关键词,描述、底部版权信息等进行设置,同时可指定相关的安装目录,可在二级目录使用。
Document 父元素子元素
效果图:

由以上的示例可以看出绝对定位就是相对于最近的祖先元素,如果元素没有已定位的祖先元素,则会相对于最初的包含块(画布或HTML元素)
注意:绝对定位与文档流无关,所以它可以覆盖页面上的元素,所以我们可以设置z-index 属性来控制内容的堆放次序









