css - 如何使 div 在内部 float 的同时增加高度

Question

当 div 内部有 float 时，如何让它增加高度？我知道为宽度定义一个值并将溢出设置为隐藏有效。问题是我需要一个溢出可见的 div。有什么想法吗？

Answer 1

overflow:auto; 在包含的 div 上使它里面的所有东西(甚至是 float 的元素)都可见，并且外部的 div 完全包围它们。看这个例子:

.wrap {
  padding: 1em;
  overflow: auto;
  background: silver;
 }
 
.float {
  float: left;
  width: 40%;
  background: white;
  margin: 0 1%;
}

<div class="wrap">
  <div class="float">Cras mattis iudicium purus sit amet fermentum. At nos hinc posthac, sitientis piros Afros. Qui ipsorum lingua Celtae, nostra Galli appellantur. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Ambitioni dedisse scripsisse iudicaretur.</div>
  <div class="float">Mercedem aut nummos unde unde extricat, amaras. A communi observantia non est recedendum. Quisque ut dolor gravida, placerat libero vel, euismod. Paullum deliquit, ponderibus modulisque suis ratio utitur.</div>
  </div>