jquery ui选项卡没有正确调整大小答案

【问题标题】：jquery ui tabs not resizing properlyjquery ui选项卡没有正确调整大小
【发布时间】：2014-10-23 18:54:15
【问题描述】：

我正在尝试使用 JQuery UI 选项卡，但内容似乎没有正确调整大小。只有显示的选项卡正确调整大小。这似乎应该是一件很简单的事情。我试过设置：

`width:auto` and
`width:100%`

自动防止宽度溢出选项卡区域，但 100% 似乎填充选项卡区域并调整大小（但溢出）。请帮忙。

【问题讨论】：

所以我找到了答案，但这似乎是不应该做的事情。看小提琴：jsfiddle.net/CatNLane/cuvj8f24/1 基本上我在标签的 beforeActivate 部分中找到旧高度并强制新高度相同。

【解决方案1】：

两个 100% 宽度的选项卡溢出的主要问题是由于 .map div 的宽度为 100%，但周围的 div 有填充（继承自 jquery-ui CSS 文件，因为它们有一个 ui-tabs -添加了面板类）。如果为 .map 类赋予不同颜色的背景，您可以更好地了解发生了什么。

【讨论】：