css中怎么继承父级宽高

CSS中如何继承父级宽高？这是一个常见的问题，也是一个重要的技巧。下面我们来介绍几种方法：

  /* 方法一：使用inherit关键字 */
        .child{
            width: inherit;
            height: inherit;
        } 

方法一非常简单，我们只需要在子元素中设置宽高值为inherit即可。inherit的意思是继承自父级元素。例如：

  .parent{
            width: 300px;
            height: 200px;
        }
        .child{
            width: inherit;
            height: inherit;
        } 

在上面的代码中，父级元素的宽为300px，高为200px。在子元素中设置宽高值为inherit后，子元素将继承父级元素的宽高，即宽为300px，高为200px。

  /* 方法二：使用百分比 */
        .parent{
            width: 300px;
            height: 200px;
        }
        .child{
            width: 100%;
            height: 100%;
        } 

方法二和方法一类似，只不过使用的是百分比。在子元素中设置宽高为100%后，它将占据父级元素的全部宽高，实现了继承父级宽高的效果。

总结：以上两种方法都是实现子元素继承父级宽高的常见方法，在实际项目中，可以根据具体情况选择使用哪种方法。