jquery - 插入html后重新计算div高度

Question

我有一个 div“track-panel”，其中包含另一个 div“summaries”，该 div 一开始是空白的。

@import 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css';
#track-panel { border: 1px solid; }

<div id="track-panel">
  <section class="summary">
    <div class="clearfix">Foo</div>
    <div class="col-md-12" id="summaries"></div>
  </section>
</div>

但是，有时我会在“摘要”中插入一些文本，它会显示在“跟踪面板”之外。

@import 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css';
#track-panel { border: 1px solid; }

<div id="track-panel">
  <section class="summary">
    <div class="clearfix">Foo</div>
    <div class="col-md-12" id="summaries">Bar</div>
  </section>
</div>

Answer 1

问题是如果文档的最小宽度为 992px，.col-md-12 会 float 。但是，您没有清除 float 。

你不需要 float 它，所以只需要删除类。

@import 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css';
#track-panel {
  border: 1px solid;
}

<div id="track-panel">
  <section class="summary">
    <div class="clearfix">Foo</div>
    <div id="summaries">Bar</div>
  </section>
</div>