无法使用HTML在CodePen上将高度百分比设置为表

时间:2016-03-04 00:08:33

标签: html css html-table

4周前刚刚开始FreeCodeCamp,这是我的第一篇文章,对不起,如果我听起来很愚蠢,请不要对我大喊大叫。我试着研究为什么我在这方面失败了。我正在尝试将桌子高度设置为40%。

当我在px中设置它时工作正常,宽度也很好。但高度百分比没有。你知道我做错了吗?

代码的相关部分:

<style>
html {
height: 100%;
}
body {
height: 100%;
background-color: #113
}
table {
width:70%;
height:100%;
}
</style>
<table border="1">
<tr>
<td class="pics" id="pic1">Picture1</td>
<td class="pics" id="pic2">Picture2</td>
<td class="pics" id="pic3">Picture3</td>
</tr>
<tr>
<td class="desc" id="desc1">Decs1</td>
<td class="desc" id="desc2">Decs2</td>
<td class="desc" id="desc3">Decs13</td>
</tr>
</table>

整个代码:http://codepen.io/RadaCodes/pen/YqXjWj?editors=1000

0 个答案:

没有答案