Question

我已经在线阅读了很多关于这个问题的答案，尝试了从overflow-y:hidden到overflow-x:scroll;white-space:nowrap的所有内容，但没有任何作用：

<html style="height: 100%;">

    <head lang="en">
     <meta charset="UTF-8">
        <title>Titler </title>
        <script src="../dist/ag-grid-enterprise.js?ignore=notused30"></script>
        <script src="sorting.js"></script>

    </head>
<body style="height: 100%; margin: 0px;">

   <center>

           <div style="font-style:bold;font-size:30;color:black;"> DM </div>
<BR>
   <font size="2" color="red"> <a href="ag-grid_selector.jsp">  UPDATE  </a>        </font  >
   </center>


<BR></center></br>
<div>
        <center><span style="padding-bottom: 4px; display: inline-block;">
            <button onclick="buyside()">Buy</button>
            <button onclick="sellside()">Sell</button>
            <button onclick="clearFilters()">Clear Filters</button>

        </span><center>


        </div>

        <div id="myGrid" style="width: 100%; height: 100%; margin:0px" class="ag-fresh"></div>       

  </body>

</html>

但是我在图像中显示了双垂直滚动条，并且只有在向下滚动外部垂直滚动条之后才出现水平滚动条，这是一种不便。我该如何解决这个问题？

Answer 1

第10行的变化：

<body style="height: 100%; margin: 0px; overflow: hidden;">

   <html style="height: 100%;">

       <head lang="en">
        <meta charset="UTF-8">
           <title>Titler </title>
           <script src="../dist/ag-grid-enterprise.js?ignore=notused30"></script>
           <script src="sorting.js"></script>

       </head>
   <body style="height: 100%; margin: 0px; overflow: hidden;">

      <center>

              <div style="font-style:bold;font-size:30;color:black;"> DM </div>
   <BR>
      <font size="2" color="red"> <a href="ag-grid_selector.jsp">  UPDATE  </a>        </font  >
      </center>


   <BR></center></br>
   <div>
           <center><span style="padding-bottom: 4px; display: inline-block;">
               <button onclick="buyside()">Buy</button>
               <button onclick="sellside()">Sell</button>
               <button onclick="clearFilters()">Clear Filters</button>

           </span><center>


           </div>

           <div id="myGrid" style="width: 100%; height: 100%; margin:0px" class="ag-fresh"></div>       

     </body>

   </html>

获得两个垂直滚动条和水平滚动条不显示

1 个答案: