css控制盒子可以滚动

可以，使用CSS属性overflow和overflow-y可以控制盒子是否可以滚动，其中overflow-y属性控制垂直方向上的滚动。例如，设置overflow-y: scroll;可以让盒子在内容超出盒子高度时出现垂直滚动条，用户可以通过滚动条滚动内容。另外，还可以通过设置overflow-x属性来控制水平方向上的滚动。

相关问题

css控制盒子可以滚动，且滚动条隐藏

可以使用CSS属性overflow和::-webkit-scrollbar可以实现滚动条隐藏的效果。其中，::-webkit-scrollbar是一个Webkit私有的伪元素，可以控制浏览器滚动条的样式。下面是一个可以滚动且隐藏滚动条的盒子的示例代码：

<div style="width: 200px; height: 200px; overflow-y: scroll;">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget nunc vitae justo molestie pellentesque. Pellentesque fermentum ut massa at gravida. Integer et dui euismod, egestas ligula ac, viverra quam. Sed auctor, tellus eget bibendum auctor, ligula lorem tristique velit, sed malesuada eros metus in orci. Nulla facilisi. Sed at libero vitae arcu commodo euismod. Sed ac dolor eu sapien ultrices pulvinar.</p>
  <p>Phasellus tristique massa quis velit porttitor, sit amet pharetra urna vestibulum. Ut sodales massa ut nisi molestie, vel imperdiet mauris cursus. Nulla facilisi. Fusce malesuada enim ut leo tristique, at auctor ex tincidunt. Fusce euismod pellentesque ante, vel pellentesque eros lobortis quis. Nulla facilisi. In tristique tellus vel mauris vulputate, sit amet auctor sapien tincidunt. Curabitur commodo mauris in lacus cursus, et ullamcorper justo tempus. Integer quis sapien vel ipsum finibus egestas eu eu magna.</p>
  <p>Maecenas euismod, massa vitae sodales convallis, sapien nunc auctor enim, ut dapibus sapien velit eu sapien. Curabitur vel vulputate enim. In elementum est sit amet eros tincidunt, sit amet faucibus nisl tincidunt. Sed vel neque nec libero tristique maximus. Fusce blandit ullamcorper magna, ac tincidunt orci consequat vitae. Sed pharetra tortor a lectus egestas, non elementum velit eleifend. Donec vel mi elit. Donec convallis, orci eu vehicula suscipit, nibh est rutrum arcu, vel laoreet nunc urna in sapien.</p>
  <p>Aliquam eget feugiat velit. Mauris tincidunt justo at blandit congue. Curabitur fringilla, magna vel maximus scelerisque, augue lacus lacinia diam, a convallis tellus est a sapien. Fusce nec nulla ac odio egestas cursus. Donec sodales magna non elit malesuada, eu dapibus risus iaculis. Morbi auctor lobortis nisi, ac condimentum magna pharetra a. Fusce sed lectus eget massa interdum blandit. Sed vel nunc nec velit venenatis cursus.</p>
</div>

接下来，我们在样式表中添加如下样式：

div::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

div::-webkit-scrollbar-thumb {
  background: transparent;
}

在上面的样式中，我们使用::-webkit-scrollbar伪元素来控制滚动条的样式，将滚动条的宽度和高度都设置为0，实现了滚动条的隐藏。同时，我们还将滚动条的背景色设置为透明，实现了滚动条的完全隐藏。将上面的样式添加到HTML文件中，即可实现滚动且隐藏滚动条的盒子效果。

css控制盒子可以滚动，且滚动条隐藏，还要兼容火狐浏览器，具体代码实现

可以使用CSS的overflow属性来控制盒子的滚动，使用::-webkit-scrollbar来隐藏滚动条。为了兼容火狐浏览器，还需要使用::-moz-scrollbar。

具体的代码实现如下：

/* 控制盒子可以滚动 */
.box {
  overflow: auto;
}

/* 隐藏滚动条 */
.box::-webkit-scrollbar,
.box::-moz-scrollbar {
  width: 0;
  height: 0;
}

/* 火狐浏览器兼容 */
.box::-moz-scrollbar-track,
.box::-moz-scrollbar-thumb {
  background-color: transparent;
}

以上代码中，.box为需要控制滚动的盒子的class。通过overflow: auto;实现盒子的滚动。使用::-webkit-scrollbar和::-moz-scrollbar来控制滚动条的样式，其中::-moz-scrollbar需要针对火狐浏览器进行兼容处理。最后，通过将滚动条的宽度和高度都设为0来隐藏滚动条，同时将滚动条的背景颜色设置为透明。