为什么我不能在桌子上继承父母的宽度?

缺口

由于某种原因,我无法通过表格元素继承父级的宽度

小提琴

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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章