为什么这个高度不能自动工作？

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/