position:absolute
sunny327
这个作者很懒,什么都没留下…
展开
-
position:relative与position:absolute的定位区别
CSS2.0 HandBook上的解释: 设置此属性值为 absolute 会将对象拖离出正常的文档流绝对定位而不考虑它周围内容的布局。假如其他具有不同 z-index 属性的对象已经占据了给定的位置,他们之间不会相互影响,而会在同一位置层叠。此时对象不具有外补丁( margin ),但仍有内补丁( padding )和边框( border )。 要激活对象的绝对(absolute)原创 2014-07-22 17:44:20 · 4867 阅读 · 1 评论 -
position:relative和position:absolute的区别及用法
这几天在做项目时遇到做选项卡的功能时,标题和内容区域的背景颜色不同,且需要选到当前标题时,此标题下面会出现下边框及小三角边框,这样就会超出标题背景颜色需覆盖下面内容区域,这时就需要用到potition:absolute属性。 如下图所示的效果: DOM结构: 活动一原创 2014-11-06 09:47:52 · 2618 阅读 · 0 评论 -
position:relative 与position:absolute
父级元素为position:relative 子元素为position:absolute 如果想让父级元素在子元素之上,即z-index:100; 子元素为z-index:90,这样是不行的,因为子元素始终都是在父级元素之内,且会一直在父元素之上,而不管它的z-index是不是比父级元素的小。 但是我又想让父元素在子元素之上又该 怎么办呢?原创 2015-03-24 14:08:35 · 1029 阅读 · 0 评论