table的td宽度设置在有内容的情况下失效

1、在表格没有填充内容的情况下，设置的百分数宽度是正确的，但是填充了内容就会失效，随着内容增多而变宽。
解决：给table使用table-layout:fixed;属性

table
  {
  table-layout:fixed;
  }

使用了这个属性的话：
在固定表格布局中，水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距，而与单元格的内容无关。
2、表格设置宽度/高度失效
表格的高度是由表格内容自动撑开的，如果无法设置就在里面添个元素div，设置div的样式，比如只显示一行，滑过显示小手，并显示全部对内容（用title属性即可，加在td和div上均可）

.search-key{height:15px;overflow:hidden;}
.search-key:hover{cursor:pointer;}

3、表格的宽度失效的另一个原因
比如我们做tab切换的效果的时候，设置display：block
有可能就导致table设置的width100%失效，可以用display:table代替。