css - CSSで動的な高さを与える方法

Question

カミソリ コーディングを使用してテーブルを動的に作成しようとしています。テーブルでは、動的に高さを指定したいと考えています。これが私のコードです：

@foreach (var page in Model.Content.AncestorOrSelf(2).Children)
                {
                    var number = Model.Content.AncestorOrSelf(2).Children.Count();
                    var percent = 100/number;
                    <tr style="width: 100%; height:percent %;">
                        <td>
                            <a href="@page.Url">
                               @page.Name
                            </a>
                        </td>
                    </tr>
                }

上記のコードからわかるように、model.content 内の子の数をカウントしてからテーブルに入力しています。私の要件は、子供が 2 人いる場合、高さは 50%である必要があり、子供が 3 人いる場合、高さは 33%である必要があるということです。パーセント値を計算するためのかみそりコードを作成しましたが、高さ属性で同じ値を維持する方法がわかりません。誰でも提案できますか？