Html 如何使 div 在内部浮动的同时增加高度

发布于01月05日

当一个div里面有漂浮物时，我怎样才能使它的高度增加呢？我知道为宽度定义一个值，并设置溢出到隐藏的作品.问题是我需要一个溢出可见的div.有什么 idea 吗？

推荐答案

overflow:auto;使其内部的所有东西(甚至是漂浮的物品)都可见，而外部的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>