Fatal编程技术网
  • jquery/
  • Jquery选项卡ie7水平滚动，带溢出

Jquery选项卡ie7水平滚动，带溢出

jquery css internet-explorer jquery-ui

Jquery选项卡ie7水平滚动，带溢出,jquery,css,internet-explorer,jquery-ui,overflow,Jquery,Css,Internet Explorer,Jquery Ui,Overflow,我们有一个固定的jQueryUI选项卡，该选项卡的内容中有一个手风琴。在每个浏览器中，当内容的高度超过手风琴的内容时，手风琴标题会调整大小以适应水平方向，垂直滚动条允许您向下滚动文本。在ie7中，手风琴似乎没有正确调整大小，这会产生不需要的水平滚动条 <div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="search" style="overflow-x: hidden;"> 我不担心ie6，但ie7仍然

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

<div class="ui-tabs-panel ui-widget-content ui-corner-bottom" id="search" style="overflow-x: hidden;">
我不担心ie6，但ie7仍然占我们用户的20%。下面是代码后面的两个示例

尝试将样式属性“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的一个解决方案