HTML 中怎样使input占据表格的整个td
两行一列的一个表格
<style type="text/css">
.Tab{ border-collapse:collapse; width:250px; height:150px;}
.Tab td{ border:solid 1px #f5fffa }
td input{
background-color:#CCFFFF;
margin-top:-1px;margin-bottom:-1px;
height:80px;
border:none;
}
</style>
<body>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"><tr><td align="center" valign="middle">
<table cellspacing="0" class="Tab" align="center" class="table">
<tr>
<td>
<input name="username" type="text" id="textfield">
</td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</td></tr></table>
</body>
为什么我<input name="username" type="text" id="textfield">这行没有占据表格的整个第一列？而是只占了很小的一点，我即使给他加大，也占不满整个第一行，反而使第一行变大第二行变矮
加一段这个就好了，亲测有效
<style type="text/css">input{
border: none;
overflow: hidden;
height: 100%;
width: 100%;
}
</style>
试过好用的请回来点赞，谢谢！！！(在部分浏览器不兼容。。。)
温馨提示：内容为网友见解，仅供参考
第1个回答 推荐于2017-11-25
首先看看你的table宽度是多少，才250px，input你没有设置宽度
td input{background-color:#CCFFFF;margin-top:-1px;margin-bottom:-1px;height:80px; width:100%;border:none;}这样你试试。本回答被网友采纳
td input{background-color:#CCFFFF;margin-top:-1px;margin-bottom:-1px;height:80px; width:100%;border:none;}这样你试试。本回答被网友采纳
第2个回答 2012-12-12
把他的width和height设为100%本回答被提问者采纳
第3个回答 2012-12-12
你截图看看！
相似回答
