给table设样式出现的问题？

Question

dome在这里 https://jsfiddle.net/7cp9sweu/1/
//1，给tr设padding-left 为什么第一个td没有收到影响
//2，为什么给td下的span设一个padding-top，就把整个td撑开了，不是原来设置的60了
//呢？怎么在不改变td高度的情况下让span向下呢？

Answer 1

1.这是表格本身设定决定的，除了table和table-cell之外其他表格内元素都不具有margin和padding属性。
2.因为表格是等高等宽的，所以一个cell变高了，其他也自然变高。
去掉float，float会让span变成一个block元素，并且会使vertical-align失效。由于span继承了td的行高，所以需要先给span设置一个行高然后vertical-align:bottom;即可。