zoukankan      html  css  js  c++  java
  • 对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

  • 相关阅读:
    JSONP原理
    什么是跨域,如何解决
    工程化与模块化开
    vue双向数据绑定原理
    vuex原理
    BFC 原理
    http状态码 301、302区别
    用户页面打开很慢,有哪些优化方式?
    webpack打包
    Promise 原理
  • 原文地址:https://www.cnblogs.com/FineDay/p/5736619.html
Copyright © 2011-2022 走看看