如何摆脱这个多余的向下滚动条

Question

我正在开发一个 Reproting 工具，由于某些原因我有两个滚动条，一个用于 Chrome 或任何其他浏览器，另一个是 HTML 的一部分，我无法追溯到 HTML..

> </head>
<body style="min-height:20px">
    <!-- START PAGE CONTAINER -->
    <div class="page-container" style="min-height:20px">

        <!-- START PAGE SIDEBAR -->
        <div class="page-sidebar">
            <!-- START X-NAVIGATION -->
            <ul class="x-navigation">
                <li class="xn-logo">
                    <a href="index.html">Reports</a>
                    <a href="#" class="x-navigation-control"></a>
                </li>
                <li class="xn-profile">
                    <!--<a href="#" class="profile-mini">
                        <img src="assets/images/users/avatar.jpg" alt="John Doe" />
                    </a>-->
                    <div class="profile">
                        <!--<div class="profile-image">
                            <img src="assets/images/users/avatar.jpg" alt="John Doe" />
                        </div>-->
                        <!--<div class="profile-data">
                            <div class="profile-data-name">John Doe</div>
                            <div class="profile-data-title">Web Developer/Designer</div>
                        </div>-->
                        <!--<div class="profile-controls">
                            <a href="pages-profile.html" class="profile-control-left"><span class="fa fa-info"></span></a>
                            <a href="pages-messages.html" class="profile-control-right"><span class="fa fa-envelope"></span></a>
                        </div>-->
                    </div>
                </li>
                <li class="xn-title">Navigation</li>
                <li >
                    <a href="/reports"><span class="fa fa-cogs fa-spin" title="Configure Reports"></span> <span class="xn-text">Configure Reports</span></a>
                </li>
                <li>
                    <a href="/dashboard"><span class="fa fa-cogs fa-spin" title="Configure Dashboard"></span> <span class="xn-text">Configure Dashboard</span></a>
                </li>
                <li class="active">
                    <a href="#"><span class="fa fa-eye" title="View Dashboard"></span> <span class="xn-text">View Dashboard</span></a>
                </li>


            </ul>
            <!-- END X-NAVIGATION -->

任何帮助将不胜感激

Answer 1

你能做的是

到主要 div 你可以申请 css 就像你有

<div class ="main">
   // rest of your code 
</div>

在你的主要 style.css 你可以放

.main {
    width:100%;
    height:90%;
    overflow:hidden;
}

如果这不起作用，您可以使用

body {
    overflow-y:hidden;
}

如何摆脱这个多余的向下滚动条

How to get rid of this excess scroll down bar

html

css

user-interface

webix