html - float : Right Pushes Table to the Left

Question

好的，我正在制作的网页有几个部分。

在顶部有一个字段集，然后在它下面有两种形式，一种是标准形式，在左边，另一种我正在尝试制作的形式在右边。

在那下面，应该有一张 table 。

相反，当我在第二个表单周围放置一个 div 并为其指定 float: right 属性时，第二个表单位于表格的右侧。

如何将它保持在屏幕的右侧，但在相关表格的上方？

Answer 1

将两个表单包装到一个 DIV 中，然后将每个表单放在自己的 div 中。然后，让您想要 float 的表单位于标记中另一个表单的上方。

<div id='container'>
  <div id='divForm2' style="float:right;">
     <form id='form2' >
  </div>
  <div id='divForm1' >
     <form id='form1' >
  </div>
</div>

<table>
<tr....

基本上，一个元素 float 在它前面的元素的右边。