在上面的代码里使 .right-table1和auto-style04的div包含里面的内容往右拖动

为了实现这个效果，你需要使用CSS来控制元素的位置和布局。在这个场景下，你可以通过设置`float`, `display`, 或者`flexbox`属性来让`.right-table1`和`.auto-style04`内的内容向右对齐，并且限制它们的宽度使其内容不会溢出。这里是一个简单的示例：

.right-table1, .auto-style04 {
  float: right; /* 如果浏览器支持float */
  display: flex;
  justify- 10px); /* 确保有足够的空间，减去边距或其他样式影响 */
}

/* 可能需要清除浮动（针对父级）或使用其他技巧避免影响其他内容 */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/* 如果想要兼容IE浏览器，可以使用`text-align` */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .right-table1, .auto-style04 {
    text-align: right;
  }
}

记得替换`.clearfix::after`部分的样式，如果在实际项目中有其他浮动元素影响了布局，添加此清理规则会有所帮助。