Web前端开发资源网今天改了一个老旧的项目，还是用 table 布局的，遇到了一个有趣的问题。
table 设置了宽度 100% ，但是页面缩小到一定程度后，table 就不再变窄，导致显示不全。
table{
width: 100%;
}我以为是 display: block; 的问题，因为之前遇到过一个问题：table表格的td设置百分比宽度不管用的原因及解决方法
改成 table 布局：
table{
display: table;
width: 100%;
}但还是没有用，找了半天终于发现问题所在：之前给 input 标签设置了 size="60" ，会把 table 撑开，导致宽度出现问题。
<input type="text" size="60" name="title" />
textarea 标签的 cols="20" 可能也会导致这个问题。
<textarea rows="8" cols="20" name="content"></textarea>
解决办法：
就是去掉这种属性，用 css 重新给他们设置宽度：
<input type="text" name="title" /> <textarea rows="8" name="content"></textarea>
CSS：
input,textarea{
width: 60%;
}这样就能解决 table 设置宽度不起效的问题了。
推荐阅读：
老版本IE下内容为空时td不显示边框的解决办法