CSS里 width:inherit 啥意思

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS里 width:inherit 啥意思相关的知识，希望对你有一定的参考价值。

inherit是继承的意思，也就是使用和上一级父元素同样的width。其他的规则也是如此，inherit就表示继承父元素的值。 参考技术A inherit是继承的意思
width:inherit就是继承父元素的宽度 参考技术B 规定当前元素的宽度继承父元素的width值 参考技术C （visibility:inherit;）可见性继承父类,有叫width:inherit ？ 参考技术D inherit
规定应该从父元素继承 width 属性的值。也就是使用和上一级父元素同样的width。其他的规则也是如此,inherit就表示继承父元素的值。
注释：任何版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。width：100%和width:inherit,除去兼容性，大多数情况下，两者作用是一样的，甚至都很难想出不一样的理由。

width:100%???width:inherit

???????????????   parent   ??????   ??????   back   ?????????   absolute   ??????   ??????   

???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????200px.??????????????????????????????100%??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????inherit?????????????????????????????????????????????

HTML???????????????

    <body>
        <div class="parent">
            <div class="child">
                hello world
            </div>
        </div>
    </body>

 

???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????body??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????width???inherit????????????????????????????????????????????????????????????

???????????????????????????????????????????????????????????????width???inherit???????????????????????????????????????????????????????????????????????????ie8???????????????????????????inherit????????????????????????????????????IE8?????????????????????????????????inherit???????????????????????????

.parent{
    width: 300px;
    height: 300px;
    background: deeppink;        
}
.child{
    width: inherit;
    position: absolute;
    background: pink;
}

 

??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????

.parent{
          width: 300px;
          height: 300px;
          background: deeppink;
          position: relative;            
    }
.child{
          width: 100%;
          position: absolute;
          background: pink;
    }

 

以上是关于CSS里 width:inherit 啥意思的主要内容，如果未能解决你的问题，请参考以下文章

在CSS里method是啥意思

css position里static 的top bottom left right都是啥意思

CSS里面 的float 属性 浮动 代表啥意思??

CSS里<em></em> <strong></strong>是啥意思？

在css中class=“active”啥意思？

css 中 first-child 是啥意思