Question

看到右下角的方框。现在它的固定高度为300px。相反，我希望尽可能高。意思是我需要高度自动调整内容。当我删除高度属性时，它假定全高。

此外，每当我通过javascript（jQuery）更新内容时，我希望能够“刷新”高度。

Answer 1

您看到高度为100％，因为html, body, div, iframe的样式指定高度为100％。要覆盖它，只需将高度设置为“自动”。像这样：

div.sidebar {
  border-left: thin solid #66CCFF;
  border-right: thin solid #66CCFF;
  bottom: 0;
  display: inline-block;
  height: auto; /* <-- New Value */
  /*height: 300px; <-- Old Value */
  overflow: hidden;
  position: absolute;
  right: 40px;
  width: 200px;

}

这将调整框的大小，使其仅与内容大小相同。您可能还想考虑使用max-height属性来设置上限。说出类似max-height:640px;的内容。

Answer 2

更改此属性：

div.sidebar {
  position: fixed;
  height: auto;
}

我认为你不需要jquery来改变高度，只需改变内容。

Answer 3

将height: 300px;更改为height: auto;。

浮动底部时收缩到适合

3 个答案: