一、absolute绝对定位的流行用法
一般而言，我们会用absolute绝对定位做什么呢？就是绝对定位，顾名思意，定死在某个位置上。例如，lightbox效果就是使用的绝对定位，例如新浪微博的弹出提示信息，我要转发李冰冰姐姐的微博，结果就会弹出：
还有就是与父relative相对定位标签结合使用，实现相对于父标签的绝对定位效果，例如人人网的搜索下拉菜单效果：
这里用法少不了的是left(right)绝对定位值或是top(bottom)值，否则 绝对定位的位置会跟设置了left为0，top为0值一样 。好，我这里特意斜体加粗，为什么呢？因为这句话是不正确的，如果您没有意识到，说明您有必要好好看看这篇文章了。
well, 可能别人不是如此，但我对position:absolute的理解，可以说很长一段时间都是不到位的，或者或是一直没有机会好好的静下心来研究，知道个大概，于是就会有一些错误的认识。其中之一就是上面提到的，position为absolute的元素如果没有设置left, top等值与left:0;top:0;的的效果一样，一样吗？其实不一样。
二、absolute元素的margin定位
absolute定位于margin定位似乎是冤家，某种定义上讲，两者作用一致，都可以定位，似乎两者水火不容，竞争对手，确实，大部分情况下是，但是没有设置定位数值的absolute元素可以通过margin来进行定位。举个小例子吧，见下面的代码，一张绝对定位的图片，含margin属性，无left,top等定值数值：
absolute定位与margin定位其实是没有什么冲突的，无论absolute元素时候设置了left/top值，其margin属性值都是可以起作用的。下面展示的是没有left/top值的absolute元素的margin定位。
结果如下图：
您可以狠狠地点击这里：该小例子demo
可见absolute元素可以通过margin进行定位。前提就是没有设置left或是top之类的定位数值。我是这么理解的，对于没有设置绝对定位值的absolute绝对定位元素并没有脱离文档流，依旧在demo中（可能不正确）（现纠正：此理解是错误的，已脱离文档流），证据如下：我们再一个普通的div中（无任何样式）放置一个无绝对定位值的absolute元素，这个元素依旧子啊这个div中，而没有跑到div之外，例如如下的示例代码：
查看更多关于absolut绝对定位的非绝对定位用法_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did112610