1、如图，我们对div设置固定宽度和高度。
2、图像预览效果如下所示。
3、然后在div里面插入一张图片，如图。
4、插入图片后，在预览中看到的效果，明显图片已经将父级的背景尺寸给盖住了，图片偏大了。
5、然后这个时候，将图片的宽度设置为何父级一样的宽度，代码就是width:100%这里的100%会自动跟随父级的宽度选择。
6、这时候回到浏览器中，可以看到图片的宽度和父级div的宽度一致了，然后修改的就是高度的范围了。
7、如果也将图片的高度设置为父级的100%，那么图形就会发生形变，所以在这里需要将父级的高度去掉，这样子集的高度就自动化了。
8、很多时候，将图片在框中显示的时候，在底部会出现一个小边框，这时候将图片设置为display:block转为块状就可以了。
1,使用传统的方法<table width="400">
<tr>
<td width="100"></td>
<td width="100"></td>
<td width="100"></td>
<td width="100"></td>
</tr>
<table>
2,使用css
<style>
.td{width:100px}
</style>
<table width="400">
<tr>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<table>
以上两种方法可能出现的问题就是,如果内容超过设定,如图片宽度大于100,会自然撑开,自动调节表格宽度
3,用css
<style>
.td{width:100pxoverflow:hidden}
</style>
<table width="400">
<tr>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<table>
用这种方法,可以把超过的部分隐藏掉,如果需要严格控制的话,可以采用这种方法,如果把overflow的属性值设置成scroll或者auto的话,可以在超过的时候使用滚动条调节
你可以用CSS来设定，DIV为块级元素。例如：
<!doctype html><html>
<head>
<meta charset="utf-8' />
<title>设置DIV的固定大小</title>
<!--一下代码是设置DIV固定大小的(宽度：100像素；高度：60像素)-->
<style type="text/css">
#div {width:100pxheight:60pxborder:1px solid #f00}
</style>
</head>
<body>
<div id="div"></div>
</body>
</html>
