在 Chrome 和 Opera 中具有动态内容的 Div 不会减小大小

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

任何浏览器的行为都不同，有些浏览器（例如 Chrome）大多知道您想要什么，并且那里的设计很简单。

无论如何，我建议使用max-height, max-width, min-height, min-width CSS 属性并将它们应用于每个选项卡式 div。