我似乎无法溢出:“隐藏”工作

时间:2019-04-23 19:44:15

标签: javascript reactjs

我试图通过隐藏溢出来禁用超出监视器分辨率的滚动。我不确定为什么它不起作用。

App.js文件:

df.drop(pd.to_datetime(bad_dates), axis=0, inplace=True)

默认查看文件:

<table>
   <thead>
      <td>id</td><td>Duration</td>
   </thead>
<?php
   $TOTAL= 0;
   foreach ($this->call_list as $id => $callsList){ 
      $a = $this->format->fmt_segundos(array("a" => $callsList['billsec'], "b" => 'hms'));
      $TOTAL += $a;
      echo '<tr>';
      echo '<td class="text-center">'.$id.'</td>';
      echo '<td class="text-center">';
      echo gmdate("H:i:s", $a); 
      echo '</td>';
      echo '</tr>';
   }
?>
    <tfoot>
        <td>TOTAL</td><td><?=gmdate("H:i:s",$TOTAL)?></td>
    </tfoot>
</table>

现在,没有X滚动,但是我可以上下滚动。

问题的代码框: https://codesandbox.io/s/rylyo4zy24

感谢您的帮助!

2 个答案:

答案 0 :(得分:0)

我不确定您要在这里完成什么,但是对于隐藏的溢出有任何含义,您需要为各个元素定义一些高度和/或宽度:

<div
  style={{
    overflow:"hidden",
    height:"1000px",
    width:"1920px"
  }}
>
...

答案 1 :(得分:0)

我将父div的位置更改为绝对位置,将子div的位置更改为相对位置,从而解决了该问题。