CSS中宽度和高度分别可以通过width和height实现，那么对于单元格的宽度和高度，则可以通过如下样式来设置
td{ width:100px height:50px} /*设置单元格宽度100px，高度50px*/示例如下：
给出HTML元素
<table><tr><td>1</td><td>2</td><td>345</td></tr>
<tr><td>6789</td><td>10</td><td>11</td></tr>
</table>
设置单元格高度和宽度样式
table{border-collapse:collapse}td{
border: 1px solid green /*边框*/
width:100px /*单元格宽度*/
height:50px /*单元格高度*/
text-align:center /*单元格文字居中对齐*/
}
效果如下
当你使用绝对的值设置了一个框的大小（如，固定像素的宽/高），允许的大小可能不适合放置内容，这种情况下内容会从盒子溢流。我们使用 overflow 属性来控制这种情况的发生。它有一些可能的值，但是最常用的是：
框模型的 width 和 height （不是content设置的width,height），框模型 content 不足以放下内部元素时可以延伸到框的外部，即使 content 设置的height为0，然而默认溢出是当内容过多时溢流的内容被显示在框外边。
示例1:先看溢出框的情况
结果1:
发现img溢出到父容器之外
示例2:溢出框被删减的情况
发现设置完overflow之后img超出父容器的部分被删减了。
为什么height设置为0?
因为容器如果去掉这一行的话，img下面会出现一个img大小的空白区域，这个区域是设置 padding-bottom 导致的，所以设置height=0是为了让父元素没有高度。
宽度和高度不要同时设置，只需要设置一个，另一个就会自动按照图片的原始比例进行缩放，从而使图片不会发生变形。如果情形比较复杂，比如预先不知道图片是宽大于高还是高大于宽，又想把图片控制在某个范围内（比如正方形），就要结合JavaScript脚本才能实现了（网上大把代码，自己百度）。或者也可以把图片搞成背景图，然后利用css3的background-size属性来让图片保持原始比例，这样就无需借助js，缺点就是浏览器必须支持css3
