Question

我有下表：

<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>TTT</title>
    <style>
    /* on both */
   body {
  overflow-x: hidden;
}
.full-width {
  position: relative;
  margin: 0 -9999rem;
  padding: .25rem 9999rem;
  background-color: #000;
  color: white;
  font-size: 1.125rem;
}

    </style>
</head>

<body>
        <table class="full-width" style="background-color: #000;">
            <td style="color: #FFF">
                   Text
             </td>
             <td style="color: #FFF">
                   Text 2   
             </td>
         </table>
</body>
</html>

设置html溢出-x：隐藏不是一种选择。可以，但是会破坏我的出站表。仅在Safari上，我有一个滚动条。和这里。

部分摘录自此：https://css-tricks.com/full-browser-width-bars/

Safari错误溢出-x隐藏的滚动条错误

0 个答案: