0

我有一个 HTML 表格<div>：

<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>- 我可以添加什么来阻止它这样做？

4

2 回答 2

0

首先，这样写：

<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>
于 2013-06-24T22:23:13.400 回答
0

尝试将其设置为最小高度，而不是高度，因此：

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

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

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

编辑：如果你想有一个固定的高度，当它超过你想要的高度时只显示一个滚动条，那么只需保持高度并将一个添加overflow: scroll;到你的股票摘要 div 中：

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

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

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

于 2013-06-24T09:26:36.150 回答