[英]keep suggestion box div relative to input when zooming
我在表中有这个表单,其中一个文本输入有一个建议框。 当页面缩小到90%时,建议框div向下和向右移动大约6个像素。 在缩放时有没有办法让div保持在同一个位置? 谢谢。 这是一个证明的jsfiddle
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();
});
我已经更新了你的小提琴
移动相应<td>
的框。 虽然仍有一些闪烁,但它比以前更好。 希望它符合你的标准:)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.