我必须在表中的所有表列上创建一个具有滚动属性的表。但它没有固定表格的高度,也没有将滚动属性赋予数据。
<table>
<tr>
<td valign="top">
<h3>Latest Reviews</h3>
<p><b>This gives the latest riview posted on the website</b></br></p>
<p><b>This gives the latest riview posted on the website</b></br></p>
</td>
<td valign="top">
<h3>Top Rated</h3>
<p>9.3/10</br></p>
<p>8.3/10</br></p>
</td>
<td valign="top">
<h3>Recipes</h3>
<p><b><a href="recipe.php">Recipe Title</a></b></p>
<p><b><a href="recipe.php">Recipe Title</a></b></p>
</td>
</tr>
</table>
相关的 CSS 代码在这里:
table{
width:100%;
}
td{
width:30%;
height: 100px;
display: block;
overflow-y: auto;
}
毕竟,表格的高度等于最大高度的列。有人请解决这个问题。