sunny327的专栏

CSS2.0 HandBook上的解释： 设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置，他们之间不会相互影响，而会在同一位置层叠。此时对象不具有外补丁( margin )，但仍有内补丁( padding )和边框( border )。要激活对象的绝对(absolute)

html代码如下： css样式如下：（）

使用position:relative来布局选项卡功能，各个选项卡的内容不同，宽度不同有下边框且下边框下还有小三角，使用css来写小三角而非背景图片，使div的上边框、左边框、右边框都为3px，颜色都相同，下边框为none,就可实现。

这几天在做项目时遇到做选项卡的功能时，标题和内容区域的背景颜色不同，且需要选到当前标题时，此标题下面会出现下边框及小三角边框，这样就会超出标题背景颜色需覆盖下面内容区域，这时就需要用到potition:absolute属性。如下图所示的效果：DOM结构：                                            活动一

父级元素为position:relative   子元素为position:absolute如果想让父级元素在子元素之上，即z-index：100;       子元素为z-index:90，这样是不行的，因为子元素始终都是在父级元素之内，且会一直在父元素之上，而不管它的z-index是不是比父级元素的小。但是我又想让父元素在子元素之上又该 怎么办呢？