0

溢出的图像

正如您从图像中看到的那样，它显示文本溢出选项卡边框..但是单击选项卡时，溢出神奇地消失了。

所以基本上这个问题在加载过程中仍然存在，并且只在 chrome 中存在。在 firefox 和 iE 中完美工作

有没有办法解决这个问题？我花了几个小时调整 css 但无济于事。

html 

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Post</a></li>
        <li><a href="#tabs-2">Draw</a></li>
        <li><a href="#tabs-3">Snapshot</a></li>
    </ul>

    <div id="tabs-1">
        <p>containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p><br>
        <p>containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p><br>
        <p>containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p><br>
    </div>

    <div id="tabs-2">
        <p>containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p><br>
    </div>

    <div id="tabs-3">
        <p>containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p><br>

    </div>
</div>

CSS

#tabs{background: none;width:100%;}

Javascript

<script type="text/javascript">
    $(function() {
        //tabs
        $( "#tabs" ).tabs({collapsible: true});

    });
</script>
4

1 回答 1

0

我找到了解决方案，这种奇怪的行为是由于我调整了 jquery-ui.css 而发生的。

于 2013-01-03T20:25:41.197 回答