要避免HTML表格溢出，可以使用CSS的属性和值来控制表格的大小和滚动条。以下是一个示例代码：

HTML代码：

  

    

      

        
表头1
        
表头2
        
表头3
      
    
    

      

        
数据1
        
数据2
        
数据3
      
      

        
数据4
        
数据5
        
数据6
      
      
    
  

CSS代码：

.table-container {
  max-height: 300px; /* 设置表格容器的最大高度 */
  overflow-y: auto; /* 当内容超过容器高度时显示垂直滚动条 */
}

table {
  width: 100%; /* 表格宽度填满容器 */
  table-layout: fixed; /* 固定表格布局，以便控制列宽度 */
}

th, td {
  padding: 10px; /* 设置单元格内边距 */
  text-align: center; /* 设置单元格文本居中 */
  border: 1px solid #ccc; /* 设置单元格边框 */
}

在上述代码中，我们将表格包裹在一个具有固定高度和垂直滚动条的容器内。这样，当表格的内容超过容器的高度时，就会显示滚动条。同时，我们还使用CSS的table-layout: fixed属性来固定表格布局，以便更好地控制列宽度。最后，我们还设置了单元格的内边距、文本居中和边框样式，以增强表格的可读性和美观性。

你可以根据实际需求调整容器的最大高度、单元格的样式和其他CSS属性来满足你的需求。