Question

我正在尝试将一些内容放入div中。由于某种原因，它显示在div下面而不是div内的内容。

.scrollme
{
    height: 200px;
    width: 300px;
    overflow: auto;
    border: 1px solid #666;
    background-color: #ccc;
    padding: 8px;
}

echo '<table width="100%">
      <tr>
          <td colspan="2" class="pulldown_top_table">'.$lang['logboek'].' <a href="#?w=700" rel="popup_add_log" class="poplight" title="'.$lang['form_add'].'"><img align="center" src="images/icon/new_sm.png" onClick=\'document.getElementById("ifr_7").src="dossier_add_log.php?id='.$q.'";\' /></a></td>
      </tr>   
      <div class="scrollme">';

      while($row = mysql_fetch_array($res))
      {
            // maak style
            if($row['soort'] == 'systeem' || $row['soort'] == 'folder')
            {
                $style = 'style="line-height: 10px; color: grey;"';
            }
            else
            {
                $style = 'style="line-height: 10px; color: black;"';
            }

          echo '<tr '.$style.' title="'.$row['naam'].' '.$row['updated_title'].'">
                    <td valign="top"width="35"><font size="1">'.$row['updated'].'</font></td>
                    <td><font size="1">'.nl2br($row['omschrijving']).'</font></td>';
                echo '</tr>';
      }
echo '</div>
      </table>';

enter image description here

生成的html的一部分以：

开头

<table width="100%">

      <tr>

          <td colspan="2" class="pulldown_top_table"> <a href="#?w=700" rel="popup_add_log" class="poplight" title=""><img align="center" src="images/icon/new_sm.png" onClick='document.getElementById("ifr_7").src="dossier_add_log.php?id=256";' /></a></td>

      </tr>   

      <div class="scrollme"><tr style="line-height: 10px; color: grey;" title="Mark Ruiter 30-06-2011 13:11">

                    <td valign="top"width="35"><font size="1">30-06</font></td>

                    <td><font size="1">Producten van product gekopieerd naar map subfolder 2</font></td></tr><tr style="line-height: 10px; color: grey;" title="Mark Ruiter 30-06-2011 12:41">

结束于：

<td><font size="1">Dossier aangemaakt met:<br /> 
    Klantreferente: 2119<br /> 
    Bewerkingen: nvt<br /> 
    Materiaal: S235<br /> 
    Dikte: 1<br /> 
    Attest: geen</font></td></tr></div>

      </table>

请帮忙。

Answer 1

你不能在表格中插入这样的DIV：

表有tr（行）和td（列）所以如果要插入DIV，则必须将其放在元素中

<table><tr><td><div /></td></tr></table>

OR

将整个表放在DIV中：

<div><table>...</table></div>

Answer 2

您不能将部分表行放入div。

您需要将表格拆分为两部分。一个用于标题的表，以及一个带有数据的可滚动div内的表。

Answer 3

除了在单元格内部（td和th）之外，Div在表内无效。如果您需要将表拆分为子部分，则可以使用thead，tfoot和tbody。 thead和tfoot元素分别定义表的页眉和页脚，tbody定义内容块。你可以在表格中拥有1个thead，1 tfoot和任意数量的tbody元素。

但是，我不确定你是否可以使用滚动的tbody。至少没有一个适用于所有浏览器

文本显示在div之外

3 个答案: