Css 表单元格1:1的高度/宽度比

我有一张宽度为%的桌子和宽度为%的tds。表布局：固定

我希望tds的高度与宽度的比率为1:1

我不能使用

td:before{content:；display:block；margin top:100%；}

因为那样会影响td内容的定位，我无法编辑html。所以我在tr中使用了它，这导致了实际的问题：在显示为表格单元格之前

有没有办法解决这个问题，或者用其他方法得到1:1的比例

这是一把小提琴：

这里是内部代码片段，没有找到在哪里启用SCS

表格{
宽度：100%；
线高：31px；
表布局：固定；
thead tr：最后一个孩子{
背景：蓝色；
颜色：白色；
&：第一个孩子{
边框左上半径：4px；
}
&：最后一个孩子{
边框右上角半径：4px；
}
}
t车身{
文本对齐：居中；
运输署{
宽度：14.2857142857%；
位置：相对位置；
方框阴影：嵌入1px-1px 0px 0px灰色；
&：最后一个孩子{
框阴影：嵌入1px-1px 0px 0px灰色，嵌入-1px 0px 0px 0px灰色；
}
&.标题{
位置：绝对位置；
顶部：0.2vw；
左：0.2vw；
线高：11px；
填充：8px；
字体大小：12px；
}
&.事件{
背景：蓝色；
边界半径：4px；
保证金：35px 4px 4px 4px；
&~.事件{
保证金：4倍；
}
&答：林克，
&答:访问,，
&a:悬停，
&a:主动的{
颜色：白色；
}
&a:悬停{
文字装饰：下划线；
}
}
}
.今天.头球{
颜色：白色；
背景：蓝色；
}
tr{
&：n个孩子（奇数）。天数：n个孩子（奇数）{
背景：灰色；
}
&：第n个孩子（偶数）。天数：第n个孩子（偶数）{
背景：灰色；
}
&：之前{
内容：“；
显示：块；
利润率最高：100%；
}
}
}
}

2014年10月
星期一
星期二
星期三
星期四
星期五
星期六
星期日
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

好的，我现在是这样做的：

将前一个放在td中，只给出第一个。事件-80%的利润率最高

& .event {
                margin: -80% 4px 4px 4px;
td:before {
                content: "";
                display: block;
                margin-top: 100%;
            }