kendo-ui - Kendo PanelBar 和嵌套浮动 div (ASP.NET MVC)

Question

我试图在每个面板中插入一个剑道列表视图，但它似乎搞砸了，因为我的列表视图项目有 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>);

    })

)

这是一个非常简化的版本，它不下一个列表视图。谢谢

Answer 1

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

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

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