Question

我有一个要求，在TR内，我将有三个TD。第一个TD和第三个TD应该是可滚动的，第二个TD是一个标尺图像，例如分割第一个和第三个（类似于使用框架）

如果没有在第一个TD中设置高度，则滚动不起作用并且还影响第三个TD的高度。如何使高度自动化。高度应该是窗口高度的高度（我将最大化并最小化窗口）。已粘贴下面的代码段

在下面的模式中，我特别提到了身高，我不想这样做。我想让它自动设置，但结果相同

<td width="55%">                            
    <div style="height:350px;overflow:auto">
        <table cellspacing="0" cellpadding="0" border="0">
            <tr>
                <td>
                    <%=passageText%>
                </td>
            </tr>
        </table>
    </div>
</td>
<td>
    <img src="/Images/reads/rulerVertical.gif" width="3" height="400"  border="0"/>
</td>
<td>
    HERE I WILL PLACE THE STUFFS OF THIRD TD
</td>

Answer 1

使用浮动div应该更容易：

<html>
<head>

<style type="text/css">
<!--
body {
  margin:0;
  padding:0; 
  height:100%
}
#div1 {
  height:100%;
  width:50%;
  overflow:auto;
  display:inline-block;
  float:left;
  background:#6666CC;  
}
#div2 {
  height:100%;
  width:45%;
  overflow:auto;
  display:inline-block;
  background:#6666CC;
  margin-left:5%;
}
-->
</style>

</head>
<body>

<div id="div1">
</div>

<div id="div2">
</div>

</body>

HTML div高度自动

1 个答案: