css 子元素不继承父元素的宽高
时间: 2023-09-08 13:14:15 浏览: 147
纯CSS让子元素突破父元素的宽度限制
在CSS中,子元素默认会继承父元素的一些样式属性,例如字体、颜色等,但是宽度(width)和高度(height)通常不会被继承。这是因为宽度和高度通常是由子元素自身的内容和样式属性来决定的。
如果你想让子元素继承父元素的宽度和高度,可以使用CSS的inherit属性,例如:
```
.parent {
width: 200px;
height: 100px;
}
.child {
width: inherit;
height: inherit;
}
```
这样子元素就会继承父元素的宽度和高度。另外,也可以使用百分比来设置子元素的宽度和高度,这样子元素的宽度和高度会随着父元素的变化而自适应调整。
阅读全文