1

テーブル内のすべてのテーブル列にスクロール プロパティを持つテーブルを作成する必要があります。ただし、テーブルの高さを固定しておらず、データにスクロール プロパティを与えていません。

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

このすべての後、テーブルの高さは最大高さの列と同じになります。誰かこれを解決してください。

4

0 に答える 0