Question

我在<div>中有一个HTML表格：

<div id="ticket_summary" style="height:60px;">
    <table width="100%" border="0" cellspacing="5" cellpadding="5">
      <tr>
        <td colspan="2" bgcolor="#666666" align="left"><font color="#FFFFFF"><strong>Summary</strong></font></td>
        <td bgcolor="#666666" align="right"><font color="#FFFFFF"><strong><?php echo $result["datetime"]; ?></strong></font></td>
      </tr>
      <tr>
        <td colspan="3"><?php echo nl2br(stripslashes($result["summary"])) ;?></td>
      </tr>
      <tr>
        <td colspan="3"><hr /></td>
      </tr>
      </table>
    </div>

然后我在下面有另一张表：

<table width="100%" border="0" cellspacing="5" cellpadding="5">
    <tr>
        <td><div id="showticketupdates"><a onclick="show_ticketupdates()"><h3>Show Ticket Updates</h3></a></div>
        <div id="hideticketupdates" style="display:none;"><a onclick="hide_ticketupdates()"><h3>Hide Ticket Updates</h3></a></div></td>
    </tr>
    </table>

ticket_summary <div>正在通过以下链接显示。我认为它与<div>上的风格有关 - 我可以添加什么来阻止它这样做？

Answer 1

取代高度，尝试将其设为最小高度，所以：

<div id="ticket_summary" style="min-height:60px;">

因此，当ticket_summary div的长度超过60px时，它将扩展。

还可以尝试将第二张表放在div中。

编辑：如果你想拥有一个固定的高度，当它超出你想要的高度时只显示一个滚动条，那么只需保持高度并在你的自动收报机摘要div中添加overflow: scroll;：

<div id="ticket_summary" style="height:60px; overflow:scroll;">

另外，我注意到你在桌子末尾放了一个小时。但是如果出现溢出则不会显示，所以我建议您只移动第一个表格末尾的<hr />。

看到这个小提琴：http://jsfiddle.net/AmqRJ/

Answer 2

首先，写下这个：

<div id="ticket_summary">

取代：

<div id="ticket_summary" style="height:60px;">

然后，写下这个：

<td colspan="3"><div style="overflow-y: scroll; height: 60px;"><?php echo nl2br(stripslashes($result["summary"])) ;?></div></td>

取代：

<td colspan="3"><?php echo nl2br(stripslashes($result["summary"])) ;?></td>

div正在显示在表格上

2 个答案: