ul,li无法撑开div的问题

 在有些时候依然无法解决容器无法撑开自适应的问题。那一定是有容器嵌套的情况下，而子容器li又是浮动的

ul,li添加了浮动的情况下，就会导致即使内容超过了div自身的高度也无法把div撑开，高度为0

在一个区块内的元素被应用了float之后，那么整个box的高度对就不以被浮动对象的高度为标准了

<div id="item1" class="divFav mui-active">
  <ul class="ulFav">
    <volist name="fav" id="vo">
      <li class="liFav" id="shelf{$vo.id}">
        <a href="{:U('Commic/detail?id='.$vo['extend_id'])}">
          <img class="imgFav" src="{$vo.cover}" />
          <div class="mui-checkbox w-checkbox1">
            <input name="checked" value="{$vo.id}" type="checkbox">
          </div>
          <div class="w-bookName">{$vo.name}</div>
        </a>
      </li>
    </volist>
  </ul>
  <div class="clearfloat">
  </div>
</div>

.divFav{
    width: 100%;
    margin-top:50px;
    margin-bottom: 50px;
}
.ulFav{
    padding-top:15px;
    padding-left:5px;
}
.clearfloat{
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}