html超出内容没有滑动条

您可以在CSS中使用overflow属性来控制元素的溢出内容。例如，如果您想要在超出内容时显示滚动条，可以将overflow属性设置为scroll。如果您想要隐藏溢出内容，可以将其设置为hidden。如果您想要自动显示滚动条，可以将其设置为auto。

相关问题

html中鼠标滑动盒子里的内容一起滑动

要实现鼠标滑动盒子里的内容一起滑动，可以使用CSS中的`overflow`属性和JavaScript中的`scrollTop`属性来实现。

首先，在CSS中给盒子设置`overflow:scroll`属性，这样当盒子中的内容超出盒子的高度时，会自动出现滚动条。

然后，在JavaScript中监听鼠标滚动事件，获取盒子的scrollTop值，并将其赋值给盒子中的内容，这样内容就会随着滚动条滚动而滚动。

以下是一个简单的示例代码：

HTML部分：

<div class="box">
  <div class="content">
    <!-- 盒子中的内容 -->
  </div>
</div>

CSS部分：

.box {
  width: 200px;
  height: 200px;
  overflow: scroll;
}

JavaScript部分：

var box = document.querySelector('.box');
var content = document.querySelector('.content');

box.addEventListener('scroll', function() {
  content.style.top = -box.scrollTop + 'px';
});

这段代码中，我们首先获取了盒子和内容的元素，然后监听盒子的滚动事件，每次滚动时，将盒子的scrollTop值赋值给内容的top属性，从而实现内容的滚动。

uniapp表格如何设置超出滑动

在uniapp中，可以使用`<scroll-view>`标签来实现表格超出滑动的效果。具体实现步骤如下：

1. 在页面中添加`<scroll-view>`标签，设置其样式和高度，例如：

<scroll-view class="table-wrapper" style="height: 200px;">
  <!-- 在这里添加表格内容 -->
</scroll-view>

2. 在`<scroll-view>`标签内部添加表格内容，例如：

<scroll-view class="table-wrapper" style="height: 200px;">
  <table>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
    <tr>
      <td>张三</td>
      <td>18</td>
      <td>男</td>
    </tr>
    <!-- 其他表格行 -->
  </table>
</scroll-view>

3. 在样式中设置`<scroll-view>`标签的滚动条样式和位置，例如：

.table-wrapper::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.table-wrapper::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #c8c8c8;
}

.table-wrapper::-webkit-scrollbar-track {
  border-radius: 3px;
  background-color: #f5f5f5;
}

通过以上步骤，就可以实现uniapp表格超出滑动的效果了。