firefox下出现一个有关问题,ie和chrome都没有出现(关于右边滚动条的有关问题)-C#教程-爱易网页

firefox下出现一个有关问题,ie和chrome都没有出现(关于右边滚动条的有关问题)

日期：2014-05-17　浏览次数：20871 次

firefox下出现一个问题,ie和chrome都没有出现(关于右边滚动条的问题)
html代码如下:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script src="../Js/jquery-1.9.1.min.js" type="text/javascript"></script>

    <script type="text/javascript">

        function forTest() {

            $('.commentvalue').toggle('slow');

        }

    </script>

    <style type="text/css">

        .content

        {

            height: 668px;

            width: 100%;

        }

        .commentvalue

        {

            position: relative;

            width: 400px;

            top: -668px;

            height: 100%;

            display: none;

            z-index: 9999;

            background-color:red;

        }

    </style>

</head>

<body>

    <div class="content">

        <iframe id='pagecontent' name='pagecontent' width='100%' height='100%' style="border: 0px;"

            src="Content.aspx"></iframe>

        <div class="commentvalue">

        </div>

    </div>

    <input id="Button1" type="button" value="button" onclick="forTest();" />

</body>

</html>

当我点击按钮时,会隐藏和显示这个div:commentvalue,现在出现一个问题:
在firefox下,点击按钮显示这个div时,firefox会在右边出现一个滚动条(您可以把以上html复制到本地,看一下效果),然后点击按钮,执行隐藏,这时firefox右边的滚动条又会自动消失

这个现象,在ie和chrome下,都没有问题,因此希望哪个css高手能帮我看一下问题究竟出现在哪里

firefox chrome ie

------解决方案--------------------
overflow:hidden;

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

firefox下出现一个有关问题,ie和chrome都没有出现(关于右边滚动条的有关问题)

相关资料更多>

推荐阅读更多>