如何才能让div在底部浮动，而不会在每次调整窗口大小时改变框的高度？

要让div在底部浮动，而不会在每次调整窗口大小时改变框的高度，可以使用CSS的flexbox布局来实现。

首先，需要将父容器设置为flex布局，并设置flex-direction为column，这样子元素会按照垂直方向排列。

然后，将要浮动在底部的div设置为flex-grow为1，这样它会占据剩余的空间。

最后，将父容器的高度设置为100vh，这样它会占据整个视口的高度。

以下是一个示例的代码：

<!DOCTYPE html>
<html>
<head>
<style>
body {
  margin: 0;
  padding: 0;
}

.container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.content {
  flex-grow: 1;
  background-color: lightgray;
}

.footer {
  background-color: gray;
  color: white;
  padding: 10px;
}
</style>
</head>
<body>
<div class="container">
  <div class="content">
    <h1>Content</h1>
    <p>This is the main content.</p>
  </div>
  <div class="footer">
    <h2>Footer</h2>
    <p>This is the footer.</p>
  </div>
</div>
</body>
</html>

在这个示例中，.container是父容器，.content是主要内容区域，.footer是底部浮动的div。通过设置.content的flex-grow为1，它会占据剩余的空间，而.footer会始终保持在底部。

这种方法可以确保div在底部浮动，并且不会在调整窗口大小时改变框的高度。

腾讯云相关产品和产品介绍链接地址：