css - 文本显示在 div 外部

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>';

生成的 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>

或者

将完整表格放入 DIV 中:

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