如何设置不同div中的table标签的表格大小？

在HTML中设置不同`<div>`内的`<table>`标签的表格大小，主要是通过CSS来控制的，尤其是高度（height）和宽度（width）。这里有两个关键属性：

1. **宽度** (`width`)：可以设置成百分比、像素值或`auto`等。例如，如果你想要宽度占父元素的一半：

   table {
     width: 50%;
   }

2. **高度** (`height`)：同样也可以设置成绝对像素值，如`height: 300px`，或者相对单位，比如`height: auto`让表格自适应内容高度。

对于响应式设计，可以使用媒体查询（Media Queries）来针对不同视口大小调整表格尺寸：

table {
  width: 100%; /* 默认全屏宽度 */
}

@media (max-width: 768px) { /* 当屏幕小于768px时 */
  table {
    height: 200px; /* 调整为适应较小屏幕的高度 */
  }
}

如果你想在`<div>`内动态调整表格大小，可以配合JavaScript，例如使用jQuery来监听窗口大小变化并相应地修改表格的CSS。