【问题标题】:get div height which has floated div inside获取内部浮动 div 的 div 高度
【发布时间】:2014-02-07 18:19:59
【问题描述】:

我有一个 ID 为“容器”的 div,其中包含 3 个具有浮动左属性的 div。 当我使用这些浮动 div 时,“容器”div 不会根据内部 div 获得高度。 解决办法是什么? 谢谢。

【问题讨论】:

  • 尝试在容器元素上设置overflow:hidden

标签: html height floating


【解决方案1】:

放置 clear 属性以恢复流。 My Codepen

HTML

<div id="container">

  <div class="coucou" ></div>
  <div class="coucou" ></div>
  <div class="coucou" ></div>

  <div class="clear"></div>
</div>

CSS

#container{
  width : 600px;
  background:pink;

}

.coucou {
  margin-left:2px;
  width :100px; 
  height:200px;
  float: left;
  background:blue; 
}
.clear {clear:both;}

【讨论】:

  • 我另有理解。已编辑,但它是相同的解决方案。
猜你喜欢
  • 2015-09-06
  • 2013-02-16
  • 2010-10-26
  • 1970-01-01
  • 2013-10-06
  • 2013-06-27
  • 2023-03-08
  • 2014-03-21
  • 2014-07-23
相关资源
最近更新 更多