Question

我想知道我的表的总高度是否可能设置为其父级的100％而不必垂直滚动，并且根据内容自动调整列的宽度（水平滚动）是允许的）

提前致谢（对不起我的英文）

我的桌子：

<table>
<tbody>
    <tr class="photo">
        <th>Photo</th>  
        <td style="position:relative" class="6200000000047">
            <header>
                <button class="btn delete">Supprimer</button>
            </header>
            <img src=...></img>
        </td>
        <td style="position:relative" class="6200000000082">
            <header>
                <button class="btn delete">Supprimer</button>
            </header>
            <img src=...></img>
        </td>
    </tr>       
    <tr class="libelle">    
        <th>Libellé</th>
        <td class="6200000000047">Tablette multimédia android </td>
        <td class="6100000000082">Smartphone de demain</td>
    </tr>
    <tr class="description">    
        <th>Description</th>
        <td class="6200000000047">Système dexploitation</td>
        <td class="6200000000082">Smartphone</td>
    </tr>
    <tr class="prix">
        <th>Prix</th>   
        <td class="6200000000047">199 €</td>
        <td class="6100000000082">999 €</td>
    </tr>                   
    <tr class="prixPerso">  
        <th>Votre prix</th> 
        <td class="6200000000047">199 €</td>
        <td class="6100000000082">999 €</td>
    </tr>
</tbody></table>

Answer 1

你可以在你的CSS中尝试以下内容，具体取决于你的html结构

html, body
{
height: 100%;
}  body {
margin:0;
}

自动调整高度表的大小不必垂直滚动

1 个答案: