Question

我试图在网页上并排放置两张桌子，但出于某种原因，当我尝试定位它们时，第二张桌子恰好位于第一张桌子下面。这是我的代码。

<html>
<body>

<?php

function specificstat($statname){
echo "<table cellpadding=10 border=1>";
  echo "<CAPTION>".$statname."</CAPTION>";
     for($i=1;$i<=10;$i++){ 
    echo "<tr>";
     echo "<td>".$i."</td>";
    echo '<td>test</td>';
    echo "</tr>";
}
 }

 ?>

<div style="position: absolute; top: 20%; left:10%;">

 <?php
 specificstat("Points");
   ?>
</div>

      <div style="position: absolute; top: 20%; left:40%;">


 <?php
 specificstat("Goals");
 ?>

</div>

 </body>
</html>

我曾尝试使用css来定位两个div，但也没有用。如果有人能弄清楚什么是错的那就太棒了！

由于

Answer 1

我会用漂浮物。这使得元素彼此相邻。

<table cellpadding=10 border=1 style='float:left'>

另一个问题是你没有关闭表标签。修复它，它可能会做你想要的。

Answer 2

虽然不建议使用内联CSS，但这可以让您走上正确的道路：

<div style="position: absolute; top: 20%; left:10%; float: left;">

Answer 3

}
echo "</table>";
}

关闭两个关闭括号之间的表格}}

在html / php中我想要的位置表

3 个答案: