剑道日历高度问题

Question

我希望我的剑道日历宽而短，每当我尝试设置高度时，或者切断日历的底部。

我的日历代码如下：

<div id="calendar" class="col-lg-12 is-hidden stockWindow" align="center" hidden>

            @(Html.Kendo().Calendar()
            .Name("WeekPicker")
            .Events(e => {
                e.Change("cal");
              })
            .Footer(false)
            .HtmlAttributes(new { style= "width: 40%;" })
            )
        </div>

的CSS：

.stockWindow {
align-items: center;
height: 0px;
}

问题图片：

使用z-index的问题图片：1000; ：

当我尝试更改.HtmlAttributes内部日历的高度时，日历内部的dosnt缩放，意味着天数会被切断。

Answer 1

我已使用以下代码解决了该问题：

对于网格：

<div id="calendar" class="col-lg-12 is-hidden stockWindow" align="center" hidden>

            @(Html.Kendo().Calendar()
            .Name("WeekPicker")
            .Events(e => {
                e.Change("cal");
              })
            .Footer(false)
            .HtmlAttributes(new { style= "width: 40%; z-index: 1000;" })
            )
        </div>

的CSS：

.k-tabstrip .k-content {
min-height: 0px !important;
overflow: auto !important;
}

.stockWindow {
align-content: center;
height: 0px;
}

当我查看日历时，我发现了＆＃39; .k-tabstrip .k-content＆＃39;正在使得日间单元格太大，所以我将它们设置在我的css文件中以覆盖它们。