CSS - 表固定高度/宽度，单元格中有可滚动内容

Question

我正在尝试制作整页日历。它应该采用100％的宽度和高度，不包括顶部的导航栏。

我想在里面放一些内容，如果它不适合盒子，可以滚动它。细胞不应该调整大小！

最后在互联网的帮助下我做了一些东西，但固定的尺寸不起作用。

这一天也应该在左上角，但它似乎漂浮在盒子中间附近。

table.cal_month_calendar td {
  border: 1px solid #ccc;
  color: #444;
  text-align: left;
}
table.cal_month_calendar td span.date {
    padding-left: 10px;
}
table.cal_month_calendar td div.events {
    margin-top: 0;
    overflow: auto;
    width: 7em;
}

完整代码：https://jsfiddle.net/n2jgrtat/

我知道有很多类似的问题，但我没有完全搜索这个案例。