Jquery Tabs ie7水平滚动溢出答案

【问题标题】：Jquery Tabs ie7 horizontal scroll with overflowJquery Tabs ie7水平滚动溢出
【发布时间】：2011-04-22 13:02:21
【问题描述】：

我们有一个固定的 jquery ui 选项卡，该选项卡的内容中有一个手风琴。在每个浏览器中，当 Accordion 的内容超出内容的高度时，Accordion 标题会调整大小以适应水平方向，并且垂直滚动条允许您向下滚动文本。在 ie7 中，Accordion 似乎没有正确调整大小，从而创建了不需要的水平滚动条。

我不担心 ie6，但 ie7 仍然占我们用户的 20%。下面是两个例子，后面是代码。

http://idrinksport.com/beta/ieissues/

【问题讨论】：

标签： jquery css internet-explorer jquery-ui overflow

【解决方案1】：

尝试将样式属性“overflow-x: hidden”添加到 id 为“search”的 div 容器中。这应该会移除水平滚动条。

<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="search" style="overflow-x: hidden;">

【讨论】：

我们试过了，虽然它确实停止了滚动条，但它会切断右边的内容。我们尝试了 *padding-right 功能，它似乎是 ie7 的解决方法