如何在iframe中水平滚动div表？

在iframe中水平滚动div表可以通过以下步骤实现：

首先，在iframe中创建一个div元素，用于包裹需要水平滚动的表格内容。
设置该div元素的样式属性，使其具有固定的宽度和高度，并且设置overflow-x属性为scroll，以实现水平滚动。
在该div元素中创建一个table元素，并添加表格内容。
设置表格的样式属性，使其具有较大的宽度，以超出div元素的宽度，从而触发水平滚动。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
<style>
  #scrollableDiv {
    width: 500px;
    height: 300px;
    overflow-x: scroll;
  }
  
  table {
    width: 800px;
  }
</style>
</head>
<body>
  <iframe src="about:blank" width="600" height="400"></iframe>
  <script>
    var iframe = document.querySelector('iframe');
    var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
    iframeDocument.write('<div id="scrollableDiv"><table><tr><th>Header 1</th><th>Header 2</th><th>Header 3</th></tr><tr><td>Data 1</td><td>Data 2</td><td>Data 3</td></tr></table></div>');
  </script>
</body>
</html>

在上述示例中，我们创建了一个宽度为500px、高度为300px的div元素，并设置了overflow-x属性为scroll，使其具有水平滚动的能力。在该div元素中创建了一个宽度为800px的表格，超出了div元素的宽度，从而触发水平滚动。

请注意，上述示例中的代码是在iframe中动态创建内容，可以根据实际需求进行调整。