可以使用CSS来控制表格的宽度比同级的div元素窄的方法。以下是一个示例代码：

HTML代码：

  

    

      
Header 1
      
Header 2
      
Header 3
    
    

      
Data 1
      
Data 2
      
Data 3
    
  
  

    
This is some content in a div.
  

CSS代码：

.container {
  display: flex;
}

table {
  width: 70%; /* 设置表格宽度为同级div元素的70% */
  border-collapse: collapse;
}

th, td {
  border: 1px solid black;
  padding: 5px;
}

.content {
  width: 30%; /* 设置div元素宽度为同级表格的30% */
  background-color: lightgray;
  padding: 10px;
}

在上面的示例中，使用了flex布局来让表格和div元素并排显示。通过设置表格的宽度为70%和div元素的宽度为30%，可以确保表格的宽度比同级的div元素窄。