一个效果相当好的demo，有些元素定位问题，希望高手相助啦。

改成以下这个样子，俺已经尽力了，但还不是很完美！42 和 72 仍然是经验数据，有待高手改进！<html>   
<head>  
</head>   
<body>
<input type="text" id="" value="1" /><br />
<input type="text" id="" value="2" /><br />
<input type="text" id="" value="3" /><br /><table border="0">
    <tr>
        <td>
        <input type="text" style="width: 100px;" name="textfield">
        <select name="select" style="position:absolute; left: 42px; clip:rect(0 auto auto 72);" id="select" onchange="textfield.value=select.value;textfield.select()">   
            <option value="天安门">天安门</option>
            <option value="故宫">故宫</option>
            <option value="慕田峪长城">慕田峪长城</option>
        </select> 
        </td>
    </tr>
</table></body>
</html>

解决方案 »

  1.   

    感觉最好在外面套了div或者span，这样看起来象一个group，应用起来受外界影响应该小些
      

  2.   

    哎，恐怕不好搞，因为clip属性必须是绝对位移才可以做
      

  3.   

    只好这样了left还是要调，top到是可以了
    <html>   
    <head>  
    </head>   
    <body>
    <input type="text" id="" value="1" /><br />
    <input type="text" id="" value="2" /><br />
    <input type="text" id="" value="3" /><br /><table border="1">
        <tr>
            <td style="width:200">
            <span>
            <input type="text" style="width: 100px;" name="textfield">
            <span style="margin-top:1;width: 120px;position:absolute; left: 40px;top:auto;clip:rect(0 auto auto 72);">
            <select name="select"  id="select" onchange="textfield.value=select.value;textfield.select()">   
                <option value="天安门">天安门</option>
                <option value="故宫">故宫</option>
                <option value="慕田峪长城">慕田峪长城</option>
            </select> 
            </span>
            </td>
            <td>&nbsp;</td>
            </tr>
            <tr>
            <td>
             <span>
            <input type="text" style="width: 100px;" name="textfield">
            <span style="margin-top:1;width: 120px;position:absolute; left: 40px;top:auto;clip:rect(0 auto auto 72);">
            <select name="select"  id="select" onchange="textfield.value=select.value;textfield.select()">   
                <option value="天安门">天安门</option>
                <option value="故宫">故宫</option>
                <option value="慕田峪长城">慕田峪长城</option>
            </select> 
            </span>
            </td>
            <td style="width:200"><span>
            <input type="text" style="width: 100px;" name="textfield">
            <span style="margin-top:1;width: 120px;position:absolute; left: 240px;top:auto;clip:rect(0 auto auto 72);">
            <select name="select"  id="select" onchange="textfield.value=select.value;textfield.select()">   
                <option value="天安门">天安门</option>
                <option value="故宫">故宫</option>
                <option value="慕田峪长城">慕田峪长城</option>
            </select> 
            </span></td>
        </tr>
    </table></body>
      

  4.   

    哈哈，可以了
    <html>   
    <head>  
    </head>   
    <body>
    <input type="text" id="" value="1" /><br />
    <input type="text" id="" value="2" /><br />
    <input type="text" id="" value="3" /><br /><table border="1">
        <tr>
            <td style="width:200">
            <span>
            <input type="text" style="width: 100px;" name="textfield">
            <span style="margin-left:-80;margin-top:1;width: 120px;position:absolute; left: auto;top:auto;clip:rect(0 auto auto 72);">
            <select name="select"  id="select" onchange="textfield.value=select.value;textfield.select()">   
                <option value="天安门">天安门</option>
                <option value="故宫">故宫</option>
                <option value="慕田峪长城">慕田峪长城</option>
            </select> 
            </span>
            </td>
            <td>&nbsp;</td>
            </tr>
            <tr>
            <td>
             <span>
            <input type="text" style="width: 100px;" name="textfield">
            <span style="margin-left:-80;margin-top:1;width: 120px;position:absolute; left: auto;top:auto;clip:rect(0 auto auto 72);">
            <select name="select"  id="select" onchange="textfield.value=select.value;textfield.select()">   
                <option value="天安门">天安门</option>
                <option value="故宫">故宫</option>
                <option value="慕田峪长城">慕田峪长城</option>
            </select> 
             </span>
            </td>
            <td style="width:200">
            <span>
            <input type="text" style="width: 100px;" name="textfield">
            <span style="margin-left:-80;margin-top:1;width: 120px;position:absolute; left: auto;top:auto;clip:rect(0 auto auto 72);">
            <select name="select"  id="select" onchange="textfield.value=select.value;textfield.select()">   
                <option value="天安门">天安门</option>
                <option value="故宫">故宫</option>
                <option value="慕田峪长城">慕田峪长城</option>
            </select> 
             </span>
           </td>
        </tr>
    </table>
    <span>
            <input type="text" style="width: 100px;" name="textfield">
            <span style="margin-left:-80;margin-top:1;width: 120px;position:absolute; left: auto;top:auto;clip:rect(0 auto auto 72);">
            <select name="select"  id="select" onchange="textfield.value=select.value;textfield.select()">   
                <option value="天安门">天安门</option>
                <option value="故宫">故宫</option>
                <option value="慕田峪长城">慕田峪长城</option>
            </select> 
             </span>
            
            
            
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>
            <input type="text" style="width: 100px;" name="textfield">
            <span style="margin-left:-80;margin-top:1;width: 120px;position:absolute; left: auto;top:auto;clip:rect(0 auto auto 72);">
            <select name="select"  id="select" onchange="textfield.value=select.value;textfield.select()">   
                <option value="天安门">天安门</option>
                <option value="故宫">故宫</option>
                <option value="慕田峪长城">慕田峪长城</option>
            </select> 
             </span>
            
            
             <br><br>&nbsp;&nbsp;&nbsp;&nbsp;sssss<span>
            <input type="text" style="width: 100px;" name="textfield">
            <span style="margin-left:-80;margin-top:1;width: 120px;position:absolute; left: auto;top:auto;clip:rect(0 auto auto 72);">
            <select name="select"  id="select" onchange="textfield.value=select.value;textfield.select()">   
                <option value="天安门">天安门</option>
                <option value="故宫">故宫</option>
                <option value="慕田峪长城">慕田峪长城</option>
            </select> 
             </span>
    </body>
      

  5.   

    to hbhbhbhbhb1021(天外水火(我要多努力)) 斑竹当最长滴选项长度继续变长后就穿帮了<option value="慕田峪长城">慕田峪长城</option>
    改为
    <option value="慕田峪长城">慕田峪长城很长很长滴</option>