具有动态内容的Div不会缩小Chrome和Opera的尺寸

Question

我对Jquery比较陌生，并且在内容小于div的情况下尝试获取包含选项卡内容的div来改变它的大小时非常糟糕。

有四个标签面板，在Chrome和Opera中加载页面时，包含的div与所有面板仍然可见时的高度相同。我已经能够通过在Chrome中打开开发人员工具来强制更新div。之后，打开包含更多内容的选项卡会使容器展开，但之后内容较少时不会调整大小。 Firefox，Safari和Ie似乎都表现得很好，但我似乎无法弄清楚Chrome和Opera中发生了什么或没有发生。

Here is a link to an example on Codepen.

#container div应缩小/展开以适应标签或标签面板，以最高者为准。

Answer 1

任何浏览器的行为都不同，有些浏览器大多知道你想要什么，而且设计很容易。

无论如何，我建议使用max-height, max-width, min-height, min-width CSS属性并应用每个标签div。