保持意見箱div相對於縮放輸入

Question

我在表格中有這種形式，其中一個文本輸入有一個建議框。當頁面縮小到90％時，建議框div向下和向右移動大約6個像素。在縮放時，有什麼辦法讓div保持在同一個位置嗎？謝謝。這裏是一個jsfiddle to demonstate

HTML：

table { 
     border:1px solid grey; 
     } 

#box { 
     border:1px solid red; 
     width:150px; 
     position:absolute; 
     top:35px; 
     left:41px; 
     background-color:white; 
    } 

<table> 
    <tr> 
    <td>one</td> 
    <td><input></td> 
    </tr><tr> 
    <td>two</td> 
    <td><input type = "button" id = "showBox" value = "click then zoom out"></td> 
    </tr> 
</table> 

<div id = "box" style = "display:none;"> 
    <ul> 
    <li>now zoom out</li> 
    </ul> 
</div> 

的javascript：

$('#showBox').click(function(){ 
    $('#box').show(); 
}); 

Answer 1

我已經更新了你的fiddle

移動框在相應的<td>。儘管如此，還是有些閃爍，但比以前好。希望它符合你的標準:)