Question

求前端高手，html，css高手，为什么我的div背景不会随着里面的div变大呢？

求前端高手，html，css高手，为什么我的div背景不会随着里面的div变大呢？html如下：
<div class="bg-white margin-top-1">
<div class="margin-top-1 padding-3">
<div class="col-xs-1 padding-1"><img src="img/icon-wd.png"></div>
<div class="titles-font margin-top-2 padding-3">距您最近的网点</div>
</div>
<div class="col-lg-12 padding-3"><hr/></div>
<div class="margin-left-5 padding-3"> <div class="float-left text-font2">1.中国建设银行（深圳益田支行）</div><div class="float-right text-font margin-right-2">600米</div></div>
<div class="text-font margin-left-5 padding-3 margin-bottom-1"><ul style="list-style-type:none" class="float-left"><li class=" padding-3">益田村114栋前深圳市第八幼儿园 附近</li><li class=" padding-3">今日对私9:00~16:00 周日休息</li></ul>
<div class="float-right margin-right-1 margin-top-5"><img src="img/icon-forward.png"></div>
</div>
</div>
展示的白色背景不会随着变大，为什么呢？大神！

Answer 1

你的意思是否是除了”1.建设银行“，剩下两行都没白色？

如果是，那是因为你的Div局限在第一行就没了。

追问

是的，但是我没有发现局限啊，我的背景长宽都是100%啊

追答

    <div class="bg-white margin-top-1">
      <div class="margin-left-5 padding-3">
        <div class="float-left text-font2">1.中国建设银行（深圳益田支行）</div>
        <div class="float-right text-font margin-right-2">600米</div>
      </div>
      <div class="text-font margin-left-5 padding-3 margin-bottom-1">
        <ul style="list-style-type:none" class="float-left">
          <li class=" padding-3">益田村114栋前深圳市第八幼儿园 附近</li>
          <li class=" padding-3">今日对私9:00~16:00 周日休息</li>
        </ul>
        <div class="float-right margin-right-1 margin-top-5">
          <img src="img/icon-forward.png" />
        </div>
      </div>
    </div>

格式化以后的代码，如果在正常情况下，是没问题。

Div大小随着内容增长而变化，但是如果你某些地方设置了浮动、单独设置了 Li里面的颜色，就有可能发生改变了。

你往这两个方向找找：

    * 有些地方设置了浮动

    * 单独设置了 Li里面的颜色（甚至是外面）

追问

float-left的css是float：left
float-left的css是float：right
li里面没有设置颜色

追答

你都设置了浮动了，那肯定跳出了正常流啊。
我很明显告诉你，你外面那层DIV高度只有HR的高度，其他都没有。
你可以用 clean来清除浮动，解决这个问题。

追问

用了clear了，OK了，谢谢大神，大神我们做朋友吧，(*^__^*) 嘻嘻……

追答

谢谢“老板”的"最佳答案"。- -