width: inherit; 和width: 100% 区别 讲解

width: inherit; 表示元素的宽度继承自其父元素的宽度。如果父元素没有设置宽度，则继承自其父元素的父元素，直到找到一个设置了宽度的父元素。如果页面根元素也没有设置宽度，则继承自浏览器的默认宽度。

width: 100%; 表示元素的宽度等于其父元素的宽度。如果父元素没有设置宽度，则继承自其父元素的父元素，直到找到一个设置了宽度的父元素。如果页面根元素也没有设置宽度，则继承自浏览器的默认宽度。

总的来说，width: inherit; 继承自父元素的宽度，而 width: 100%; 等于父元素的宽度。