为什么高度自动在这个上不起作用？

Question

试图设计一个主要用 Javascript 编写的计算器。试图让背景随着内容的增长而增长，但有趣的事情发生了。

1. 当您按下“加载”按钮时 http://i.stack.imgur.com/H6v3Z.png
2. 当您再次按下“加载”按钮时 http://i.stack.imgur.com/yvvep.png

整个代码在一个div中，高度怎么跳到随机的地方？

Answer 1

如果不完全了解您在此处应用 css 的方式，或者甚至将内容添加到红色背景 div 的方式，我似乎无能为力。

但我将假设一些事情并根据这些假设进行工作：

1. 您正确地关闭了 div，并且 追加 所需的额外内容在带有红色背景的 div 中。
2. 点击后输出的所需内容是浮动，因此 div 不一定响应大小增加，因为内容来自文档流。

如果恰好满足这些条件（您提供的信息有限，这个问题确实有很多解决方案）。那么也许 clearfix（在语义上更名为 group）类可以解决您的问题：

.group:after {
  content: "";
  display: table;
  clear: both;
}

您可以在这里找到更多信息：https://css-tricks.com/snippets/css/clear-fix/