Html 给桌子定一个高度？

我试图让我的桌子有一个固定的高度-我最终会使用溢出来滚动。但是我的身高被忽视了

CSS:

HTML:

你好
......

在表上使用

显示：内联块

表格{
最大高度：20px；
显示：内联块；
溢出：自动；
背景：红色；
}

你好
你好
你好
你好
你好
你好

溢出

属性仅适用于
块
元素，
表
默认显示属性为
显示：表

因此，我认为将
表格
设置为
显示：块
不是一个好主意

因此，只需将
表
包装成一个
div
，然后应用
高度
和
溢出：自动

堆栈片段


div{
高度：50px；
溢出：自动；
}
桌子{
边界塌陷：塌陷；
字体：13px Verdana；
}
运输署{
边框：1px实心#ccc；
填充：3x10px；
}

你好
你好
你好
你好
你好
你好
尝试在Chrome开发工具中查找，以了解应用于元素的样式。CSS的特殊性值得一读。样式正在应用于table元素，只是不起作用。在table上使用
display:inline block
，正如spirits评论所说，该表需要一个特定的显示，例如带有溢出（-y）设置的（inline）block together。在这篇文章中也提到了：。话虽如此，只想提及查看flexbox或其他替代布局可能比为布局目的调整表更容易
table {
    height: 20px;
}

<table>
    <tr>
        <td>
            hello
            ......