html - 如何让一个元素强制紧挨着一个元素

Question

我有一个最小宽度为 100% 的 div，它包含 2 个表格元素。我在第一个表上使用 float 使第二个表右对齐，问题是如果第一个表太大，第二个表将不会紧挨着第一个表，因为第一个表占据了超过 100% 的宽度.我想要的是它仍然位于第一张 table 旁边。

HTML

<div id="container">
   <table id="table1">
     <tr>
      .
      </tr>
      <tr>
      .
      </tr>
      .
      .
      .
   </table>
   <table id="table2">
       ....
   </table>
</div>

CSS

#container {
  min-width: 100%;
  overflow: auto;
 }
#table1 {
 float: left;
}

问题是，当表 1 超过 100% 宽度时，第二个表不会移动到表 1 旁边。

Answer 1

如果你在谈论文本，那么

text-align: right;

或者float: right;