box-sizing: inherit

box-sizing: inherit 是一个 CSS 属性，用于指定元素的盒模型的计算方式继承其父元素的盒模型计算方式。通过设置 inherit，元素将继承其父元素的 box-sizing 属性值。

盒模型是指在网页布局中，每个元素都被看作一个矩形的盒子。盒模型由内容区域、内边距、边框和外边距组成。box-sizing 属性用于定义这些部分如何相互影响并计算元素的总宽度和高度。

默认情况下，box-sizing 属性的值是 content-box，表示元素的宽度和高度只包括内容区域。而设置为 inherit 则会继承父元素的 box-sizing 属性值，使得子元素的盒模型计算方式与父元素相同。

举个例子，如果父元素设置了 box-sizing: border-box，那么子元素设置 box-sizing: inherit 后，子元素的盒模型计算方式也会变为 border-box，即宽度和高度包括内容区域、内边距和边框。

这样可以确保子元素继承了父元素的盒模型计算方式，保持一致的布局效果。

相关问题

box-sizing: inherit;

box-sizing: inherit; 表示元素的盒模型继承其父元素的盒模型属性。如果父元素的盒模型属性为 content-box，则子元素的盒模型属性也为 content-box；如果父元素的盒模型属性为 border-box，则子元素的盒模型属性也为 border-box。

element.style { } th { padding: 5px; text-align: left; border-bottom: 2px solid #ddd; } * { padding: 0; margin: 0; box-sizing: border-box; } user agent stylesheet th { display: table-cell; vertical-align: inherit; font-weight: bold; text-align: -internal-center; }把它的宽度改小一点儿，修改这个代码

这段代码是对表格中的表头th元素进行样式设置的，如果要将它的宽度改小一点，可以在th样式中添加一个width属性，例如将它的宽度设置为100px，可以这样修改代码：

th {
    padding: 5px;
    text-align: left;
    border-bottom: 2px solid #ddd;
    width: 100px;
}

这样就可以将表头的宽度设置为100px了。当然，你也可以根据实际情况进行调整。