【转】POSITION: absolute,与 relative区别

如果有两个DIV〔A与B〕
并且B被嵌套与A中
现在你想达到的郊果是让B在任何情况下的垂直属性都为“居底”(与A底对齐)
那么你可能会想到用bottom:0px这样的作法,前提当然是position要设为absolut
但是你会发现,如果这样设的话,得到的效果是B对齐到了浏览器的最下边
这时就要用到position:relative了。
在A中加上一句position:relative,这样就定义了A内部元素的position:absolute是相对于A自身的,而不是浏览器!所以,B中的bottom:0px就会在执行时去找它的父级元素中有没有position:relatavie的,如果没有,它会继续向它更上一层去找,直到找到<body>如果还没有,它的相对物就是济览器了!

转自:http://blog.csdn.net/kj110/article/details/595230

原文地址:https://www.cnblogs.com/xiangniu/p/2125471.html