CSS中的jquery.height()和float参数

Question

我注意到了一个奇怪的jquery.height()函数行为.看看下面的代码.

CSS:

div.text-field {
    font-family: sans-serif;
    margin: 3px;
    float: left;
}

HTML:

<div id="someid">
  <div class="text-holder">
    <div class="text-field">text here</div>
  </div>
</div>

JS:

console.log($("someid").find("text-holder").height());

0如果我float: left;在CSS文件中输出最后一行,如果我删除则输出实际高度float: left;.这种行为的原因是什么？我可以height()一起使用功能float: left;吗？

Answer 1

当float元素位于容器内时,该元素不会应用容器的高度,因为该元素不再位于"流"中.它从当前元素中删除,并应用于它的父元素,因此问题.您可以通过使用修复它inline-block,或clear: both