Css 与溢出作斗争：HTML表的隐藏和百分比高度

我有一个CSS问题。我有一张桌子，它的宽度和高度是窗口的一个百分比，希望单元格的溢出垂直和水平隐藏。从研究来看，似乎很明显溢出不能很好地处理表或百分比，但当我试图同时修复这两个表或百分比时，修复程序尤其有问题

对于我正在尝试制作的东西，我愿意接受其他解决方案：一个星期x时间日历，它可以裁剪长的单元格内容，而不是拉伸。我希望他们的文字溢出：省略号太多，甚至还没有到那里。我希望日/小时索引行/列比其他单元格短/薄。我曾经考虑过使用一些div，但是因为1。显示：块；通常会将网格分开，并将其2。我在挣扎，我想寻求帮助

^区别在于：tr{display:block；}与tr{display:inline block；}。第一种方法是在窗口->表格收缩并将最右边的单元格自身移动到一行时进行trs换行。第二个在缩小窗口时隐藏了正确的单元格——我想裁剪部分内容，而不是留下一个大的空白列，并相对于封闭器移动整个表

^这两个都是小车，让我很沮丧，但它们隐藏了溢出物，而不是伸展桌子，细胞排列在一起。在JFIDLE中更接近我最终想要构建的东西

…摆弄不同类的显示会使表忽略我想要限制其高度的内容，并在所有位置溢出删除表，tr display:block 或完全失去其网格结构保留任一显示：块设置 或者两者都尝试tr{display:inline block；} 但是CSS看起来几乎和不那么糟糕的CSS一模一样，我还没有发现错误

从结构上讲，我在tds中有div，我更喜欢使用类似于td{display:inline block}的东西，但这不会产生相同的结果。我为所有表格、tr、div和td设置显示、溢出、高度和宽度%。我不知道那是必要的、有害的还是无用的。Enclosure是一个div，用于限制jfiddle中的表大小，我尝试了表{display:block；height:n%；width:m%；}，它使它看起来不再像表了；如果没有显示集，溢出会将其拉伸。某些元素上有边框/背景，因此更容易看到发生了什么

边界和%s也有问题。如果我的单元格宽度增加到100%td{width:25%；}[4/行]，我假设最右边的单元格将换行/隐藏边框中的额外像素。我想我已经写了足够多的破译代码，但我也遇到了一些问题，边框没有显示单元格移动，并将其覆盖，而单元格间距本来应该没有的

感谢您阅读

更改

#encloser {
position: absolute;
height:75%;
width:75%;
border:1px red solid;
}

以下

#encloser {
position: absolute;
height:75%;
width:75%;
min-width:400px;//choose a number to suit the optimal size
border:1px red solid;
}

---

您是否尝试过给出封闭器的最小宽度和最小高度？那有帮助！很抱歉，我之前没有回复。它没有解决jfiddle中的问题。但这是一个非常有用的属性，我想它会引导我找到解决方案。谢谢你的回答