你未必知道的css小知识

1：当按百分比设定一个元素的宽度时，它是相对于父容器的宽度计算的，但是，对于一些表示竖向距离的属性，例如padding-top,padding-bottom,margin-top,margin-bottom等，当按百分比设定它们时，依据的也是父容器的宽度，而不是高度来计算的。

2：css里的empty-cells属性是所有浏览器都支持的，甚至包括IE8，它的用法是下面这个样子：
table {
  empty-cells: hide;
}
它是为HTML table服务的。它会告诉浏览器，当一个table单元格里没有东西时，就隐藏它。

设置empty-cells: hide;前和设置后的效果