css - div 不会 float ，任何人都可以看到为什么吗？

Question

我在 www.7hermanosmx.com/menu.php 页面上有以下代码 - 一切正常，除了黄色框(类 menuholder)应该每行三个相互 float 。他们坚决拒绝这样做!我知道我做错了什么，我知道我看起来很傻，但是有人能帮我找出我的错误吗？

我有CSS...

.menutop {
font-size: 18px;
color: #FFF;
background-color: #099;
clear: both;
height: 32px;
padding-left: 15px;
padding-top: 5px;
}
.menuholder {
background-color: #FFC;
width: 250px;
height:auto;
float:left;
font-size:14px;
}
.menutext {
font-style: italic;
color: #666;
}

我有 html(提供数据库驱动的内容)

<div data-binding-id="repeat1" data-binding-repeat="{{FULL_MENU.data.groupBy( &quot;TYPE&quot; )}}" style="width:100%">
<div class="menutop">{{$name}}</div>
 <div class="menuholder"> <div style="padding:8px">
 <div data-binding-id="repeat2" data-binding-repeat="{{$value}}">
<strong>{{NAME}}</strong> 
<font style="font-style: italic; color: #004000;">({{COST.currency( "$", ".", ",", 2 )}})</font><div data-binding-html="{{DESCRIPTION}}" class="menutext"></div>
<br />
</div></div>
</div>

</div>

Answer 1

JS FIDDLE

CSS

.fl {
display: table-cell;
width: 276px;
float: left;
margin: 5px;
}

请关注<强> JS FIDDLE 演示链接。谢谢