剑道PanelBar和嵌套浮动的div（ASP.NET MVC）

我试图插入每个面板的剑道列表视图，但它似乎搞砸了，因为我的列表视图项具有CSS的float：左剑道PanelBar和嵌套浮动的div（ASP.NET MVC）

我已经简化这个问题下面..这不会在panelbar显示任何项目，因为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。谢谢

来源

2014-11-09 Zoinky

你说的是你定义的2个div有浮动的左边还是容器？ – 2014-11-10 14:02:50

我在示例中展示的2个div展示与嵌套listview时相同的问题，所以我认为这是因为listview的项目产生了左浮动div。所以我尝试了一个像上面这样的简单例子，并且发生了同样的问题。 – Zoinky 2014-11-10 14:40:58

你可以发布一个jsfiddle或什么来显示发生了什么？ – 2014-11-10 14:42:23

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

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

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

来源

2016-03-01 08:13:11

剑道PanelBar和嵌套浮动的div（ASP.NET MVC）

回答

相关问题