使用CSS的表列响应式排列

Question

所以我有一个包含一行和两列的表格 - 我希望这些列能够在小屏幕上叠加在一起。有谁知道使用纯CSS是否可行？

<tr>
<td></td>
<td></td>
</tr>

Answer 1

如何使用float: left解决方案：

tr td {
    width: 200px;
    height: 100px;
    float: left;
}

tr {
    clear: left;
}

示例：http://jsfiddle.net/FCegx/