css3等于父级宽度 |css按钮透明处理

.parent {
width: 500px;
}
.child {
width: inherit; /* 等于父级的宽度 */
}

在上面的代码中，父级元素的宽度为500px，而子元素的宽度被设置为inherit，这意味着它的宽度将等于父级元素的宽度，即500px。

这个属性非常有用，因为它可以让大家轻松地创建自适应布局。例如，大家可以将一个宽度为100%的容器包含在一个固定宽度的父级元素中，然后将子元素的宽度设置为inherit，这样它就可以自适应父级元素的宽度。

.parent {
width: 800px;
}
.container {
width: 100%;
}
.item {
width: inherit; /* 等于container的宽度 */
}

在这个例子中，父级元素的宽度为800px，而容器的宽度被设置为100%。然后大家将子元素的宽度设置为inherit，这样它就可以自适应容器的宽度。

总之，width: inherit;是一个非常有用的CSS3属性，可以让大家轻松地创建自适应布局。它可以让子元素的宽度等于其父级元素的宽度，从而使布局更加灵活。