对position的认知观

position :absolute 认识以前有的理解不正确,以为没有设置left,top 与设置left :0,top : 0是一样的,现在认识为,错误!

没有设置的时候,该absolute元素{由于没法依据left, top等在有relative的元素固定位置,只能展示在父元素中,此说法可能有待商榷,也有可能为默认值为现在位置的数值},此例参考http://www.zhangxinxu.com/study/201001/absolute-margin-image-demo.html
没有定位值的absolute元素是个更加变态的float元素,所以浮动元素干的某些事情absolute元素也能做,例如自适应布局。例如facebook动态头像与内容描述就是使用的这个方法。
facebook头像与描述自适应 张鑫旭-鑫空间-鑫生活

对于子元素设置position为absolute,父元素为static时候,height:100%(上个有position:relative的元素的100%高度)与height:inherit(继承父元素高度)是不一样的,参考实例http://www.zhangxinxu.com/study/201502/height-100-height-inherit.html

原文地址:https://www.cnblogs.com/FineDay/p/5736619.html