<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<table border="1" width="100%">
<tr>
<td width="60%">Input-Box-1</td>
<td width="40%"><input type="input" value="" /></td>
</tr>
</table>
<table border="1" width="60%">
<tr>
<td width="60%">Input-Box-2</td>
<td width="40%"><input type="input" value="Input-Box-2Input-Box-2Input-Box-2Input-Box-2Input-Box-2Input-Box-2" style="width:100%" /></td>
</tr>
</table>
</body>
</html>
运行上面代码看看就知道了。这个结果与我以前印象中的好像不一样呀。
在我的印象中，如果input输入框的宽度设置为100%，表示这个输入框的宽度将充满整个父容器的宽度，在这里就是表格的单元格的宽度，如上面的第一个输入框的效果。
然而大家看看第二个输入框，同样的代码，仅仅是输入框中的内容比较多（超过了输入框一行的显示内容），这个输入框就被扩大了，同时也撑大了父容器的宽度（在此为表格单元格的宽度）。我记得不应该是这样的呀。
如何让第二个输入框的宽度不随其内容而变化呢？
加上style="table-layout: fixed;"表格就不会被撑开了
3934
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
