为什么高度不能自动作用于这个?

Why won't the height auto work on this one?

本文关键字:作用于 高度 不能 为什么      更新时间:2023-09-26

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

  1. 当你按下"加载"按钮https://i.stack.imgur.com/H6v3Z.png
  2. 当你再次按下"加载"按钮时https://i.stack.imgur.com/yvvep.png

整个代码是在一个div,如何能高度跳转到随机的地方?

如果不完全理解你在这里应用css的方式,或者甚至是你将内容添加到红色背景div的方式,我似乎无法做太多。

但我要假设一些事情,并在这些假设上工作:

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

如果这些条件恰好满足(在您提供的有限信息下,这个问题确实可能有很多解决方案)。然后,也许clearfix(在语义上更重命名为group)类可以解决您的问题:

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

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