扩展输入时表列扩展,为什么?

时间:2011-06-29 23:12:23

标签: html css

<form action="insertshop.php" method="post" id="insertform" autocomplete="off">
<div id="papertable_insert">
<table class="papertable"><tr>
<td class="s">
<select style="width:100px;" name="pshop_id" id="pshop_id">
            <option value=""></option>
</select>
</td>
<td class="n" style="background-color:#0F0"><input type="text" name="shopname" id="shopname" size="90"/></td>
<td class="m" style="background-color:#036"><input type="text" name="shopname" id="shopname" size="1"/></td>
<td class="a">Add</td>
</tr></table>
</div>
</form>

通过增加输入的大小,表格列扩展,知道列中存在大量空白,这意味着输入大小不超过列宽。有什么想法吗?

css:

#papertable_insert{
    width:860px;
    height:30px;
    margin:10px auto;
    border-bottom: solid 1px #cccccc;

}

#papertable_insert input, #papertable_insert input select{
    margin:0px;


}

table.papertable{
    width:860px;

}

td.s{width:130px;}
td.n{width:660px;}
td.m{width:70px;}
td.a{width:40px;}

1 个答案:

答案 0 :(得分:4)

复制评论:

您的表格单元格加起来比表格本身更多: 130(s)+ 660(n)+70(m)+ 40(a)= 900,其中表格仅指定为width: 860px