由于某种原因，我无法通过表格元素继承父级的宽度
CSS：
body {
margin:0;
}
#main_wrap {
max-width:1000px;
height:400px;
border-style:groove;
margin:0 auto 0 auto;
}
#menu {
width:inherit;
height:50px;
border-style:double;
}
#menu table {
width:inherit;
height:inherit;
background-color:rgba(255, 0, 4, 1.00);
}
#menu2 {
width:inherit;
height:50px;
border-style:double;
}
#test {
width:inherit;
height:inherit;
background-color:rgba(255, 0, 4, 1.00);
}
HTML：
<div id="main_wrap">
<div id="menu">
<table>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
<td>a</td>
</table>
</div>
<div id="menu2">
<div id="test"></div>
</div>
</div>
当我在相同情况下继承到div元素时，继承将起作用。不能从一个元素继承一个表，哪些属性已经被继承了？为什么它可以与div一起使用，但不能与表格一起使用？
我相信会发生此问题，因为该表不是一个块元素。表的宽度不能继承，只能由设置的宽度或内容的宽度决定。添加100％的宽度将为您提供所需的结果。
width: 100%;
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句