Question

我需要让div具有与父div相同的宽度，但是我的宽度：inherit不能完成这项工作。当我检查元素时，有

<span class="..." id="..."> == $0

在div之间

。如果您需要更多信息，请告诉我

CSS：

.Select--multi {  

    .Select-value {
    background-color: #ebf5ff;
    /* Fallback color for IE 8 */
    background-color: #FFF;
    border-radius: 2px;
    border: 1px solid #c2e0ff;
    /* Fallback color for IE 8 */
    border: 0px solid rgba(0, 126, 255, 0.24);
    color: #000000;
    display: list-item;
    font: 16px Roboto;
    line-height: 1;
    margin-left: 5px;
    margin-top: 2px;
    vertical-align: top;
    list-style-type: none;       
    list-style-position: inside; 
    width: inherit;
    }

Answer 1

不要在子元素中使用width：inherit。只需使用宽度：100％。然后，如果设置了display：list-item属性，则子元素将拉伸到父宽度。

Answer 2

首先，提供的代码段不是CSS。你使用scss或更少。

其次，inherit关键字指定属性应从其父元素继承其值。这意味着您的父元素应该已经定义了相应的属性，以使其在子元素中生效。

答案是在子元素样式中设置width:100%;。

CSS宽度继承问题

2 个答案: