css宽度自适应父类 |css demo

.parent {
width: 80%; /* 父元素的宽度 */
}
.child {
width: 100%; /* 子元素的宽度 */
}

在上述代码中，.parent 是父元素的 CSS 类名，.child 是子元素的 CSS 类名。通过给父元素设置一个宽度，子元素就可以根据父元素的宽度进行自适应设置。在子元素中设置 width: 100% 就可以实现宽度自适应。

需要注意的是，容器元素的宽度需要以百分比的形式设置，这样在浏览器窗口大小变化时，元素的宽度能够自适应调整。

总结而言，实现 CSS 宽度自适应父类的方法就是给父元素设置百分比的宽度，子元素的宽度设置为 100%，这样可以实现子元素宽度自适应父元素。