css 继承父元素宽度 |css拐角框

其中一个比较常见的用法是继承父元素的宽度。大家来看一个例子：

.parent{
width: 500px;
}
.child{
height: 100px;
width: inherit;
}

在这个例子中，大家定义了一个父元素`.parent`的宽度为500像素。同时，大家定义了一个子元素`.child`，它继承了父元素的宽度，使用`inherit`关键字。这样，`.child`的宽度就和`.parent`的宽度相同了。这种用法非常适合在一些响应式布局中使用。

需要注意的是，只有某些样式属性才能够被继承。通常，这些属性都是与排版相关的，比如字体大小、颜色、行高、文本对齐等。而对于一些不与排版相关的属性，比如背景色、边框、外边距、内边距等，都不能够被继承。

最后，大家需要注意避免产生过度继承的问题。如果大家使用过多的继承，可能会造成性能上的影响。这是因为，父元素的样式可能会被多个子元素继承，从而造成一些冗余的计算。