Question

js动态设置div位置，要确保div能在窗口全部显示，就是不管窗口怎么变化，div始终能够完全显示

现在要做一个鼠标滑到某一个div时，就在此div傍边动态创建一个div，创建的div必须在窗口里面完全显示，而且创建的div不能在触发事件的div里面，边界之间不能有相交的地方

Answer 1

<div id="one" onmouseover="show('item')" onmouseout="hide('item')">调和转罐</div>
<ul id="item">
<li>一转多</li>
<li>多转一</li>
</ul>

<style>
#item{display:none}
</style>
<script type="text/javascript">
function show(obj){
var XS = document.getElementById(obj);
XS.style.display ="block";
}
function hide(obj){
var YC = document.getElementById(obj);
YC.style.display = "none";
}
</script>

追问

这位网友谢谢你啊，你这个我早就写出来了，我想问的是怎么确定div的位置，而不是显示隐藏div那么简单

Answer 2

很简单 鼠标经过写了吧 经过就追加 append 一段html

追问

事件写了，div内容也innerHTML了，现在的问题是，一旦窗口拉伸变化，那么创建的div就会有部分看不见或者全部看不见，也就是说div的位置问题没有解决，位置要随窗口变化而变化，或者随触发事件的div的位置而改变