Question

我试图在每个面板中插入一个剑道列表视图，但它似乎搞砸了，因为我的listview项目有css float：left

我已将问题简化为以下内容..但未显示面板栏中的任何项目，因为div具有浮动样式

 @(Html.Kendo().PanelBar()
    .Name("panelbar")
    .ExpandMode(PanelBarExpandMode.Multiple)

    .Items(panelbar =>
    {
        panelbar.Add().Text("Images")
            .Expanded(true)

            .Content(@<text>
                <div style="float:left;">one</div>
                <div style="float:left;">two</div>

            </text>);
        panelbar.Add().Text("Movies")
                   .Expanded(true)
                   .Content(@<div>movies</div>);
        panelbar.Add().Text("Images")
                    .Expanded(true)
                    .Content(@<div>flash</div>);

    })

）

这是我正在尝试做的非常简化的版本，它不是下一个listview。谢谢

Answer 1

（老问题，但只是为了帮助下一个人搜索这个）。

将其添加到包含浮动div的内容块的底部。

<div style="clear: both;"></div>

Kendo PanelBar和嵌套浮动div（ASP.NET MVC）

1 个答案: