Question

我在页面www.7hermanosmx.com/menu.php上有以下代码 - 一切正常，但黄色框（类菜单）应该每行相互浮动三个。他们坚决拒绝这样做！我知道我做错了什么，我知道我会看起来很傻，但有人可以帮我发现我的错误吗？

我有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 链接。感谢

divs不会漂浮，任何人都能明白为什么？

1 个答案: