由于某种原因,我无法通过表格元素继承父级的宽度
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] 删除。
我来说两句