1. 使用CSS设置容器高度和溢出属性。在包含表格的容器中，使用CSS设置以下属性：

   div {
       height: 300px;
       overflow: auto;
   }
   

   其中，height属性设置容器的高度为300像素，overflow属性设置了当内容溢出时，使用滚动条来显示剩余内容。

2. 使用响应式设计。对于移动设备和小屏幕，可以使用响应式设计来避免表格内容溢出。通过CSS媒体查询，可以针对不同的屏幕大小调整表格样式和布局。例如：

   @media screen and (max-width: 768px) {
       /* 对于小于768像素的屏幕 */
       table {
           width: 100%;
           max-width: 100%;
           display: block;
           overflow-x: auto;
           -webkit-overflow-scrolling: touch;
           border-collapse: collapse;
       }
   }
   

   这样，在小屏幕上，表格将会自动调整宽度，并且使用滚动条来防止页面过长。

3. 使用分页显示。如果表格内容过多，可以考虑将表格分为多个页面显示。这样可以避免页面过长，同时也可以提高用户体验。可以通过后端分页或者前端分页来实现。

以上是一些常见的解决方法，希望可以帮助到你。