javascript - 在哪种情况下,父节点不包括 CSS 中子节点的高度?

标签 javascript html css

我在样式方面有问题,在某些情况下,父节点/div 不包括其子节点的高度。如果有人遇到这个问题,请给出原因。

例如

#id{
position:relative;
background:red;
}
.spacer{
  height:40px;
  position:relative;
}
<div id="x">
<div class="spacer" style="float:left;"></div>
<div class="spacer" style="float:left;"></div>
</div>

我的 案例中,X 节点的高度不同于 80px(小于 80px)。为什么会这样?

我有很多代码,所以我无法发布所有这些。请给出任何理由。

最佳答案

float 元素不计入父元素的高度。

除非说 parent 有overflow:hidden

(或者你可以使用 clearfix,但是 overflow:hidden 通常更好)<​​/p>

关于javascript - 在哪种情况下,父节点不包括 CSS 中子节点的高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23787046/

相关文章:

javascript - 如何在使用 TS 2.2 的项目中使用 TypeScript 2.6 中编写的库

html - 如何在 CSS 中除最后一页之外的每一页上打印页脚文本?

javascript - 将复选框链接到文本输入并更新其字段

php - 如何将用户注册详细信息检索到网页中?

javascript - Three.js 在绕挤压轴旋转的同时挤压二维面

javascript - CodeMirror:XML 代码未缩进

javascript - 按测试列表过滤

javascript - 如何将数据添加到 HTML 中的 anchor 标记并使用 jQuery 访问它?

css - 如何仅使用 CSS 在悬停时进行无闪烁图像切换?

html - 将 <ul> 向右浮动,但让 <li> 标签保持水平,并在必要时换行