0

Я пытаюсь вставить кендо ListView в каждом из панелей, но это, кажется, запутались, потому что мои ListView элементы имеют CSS поплавок: левыйКендо PanelBar и вложенные плавающие дивы (ASP.NET MVC)

Я упростил проблема в следующем .. который не показывает каких-либо предметов в panelbar потому что ДИВ имеет плавающий стилю

@(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>); 

    }) 

)

Это очень упрощенная версия того, что я пытаюсь сделать, который не рядом список. Спасибо

+0

Вы говорите о двух div, которые вы определили там, где плавают влево или в контейнере? –

+0

2 divs, которые у меня есть в примере, имеют ту же проблему, что и при вложении списка, поэтому я предположил, что это потому, что элементы listview создавали левые плавающие div. поэтому я попробовал простой пример, подобный выше, и возникла такая же проблема. – Zoinky

+0

Можете ли вы опубликовать jsfiddle или что-то, чтобы показать, что происходит? –

ответ

1

(Старый вопрос, но только для того, чтобы помочь следующему человеку, ищущему это).

Добавьте это в нижнюю часть вашего блока содержимого, содержащего плавающие div.

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