日期:2014-05-16  浏览次数:20289 次

使用jquery动态创建div,地图标记效果
一个固定大小的div(id="div1" style="overflow: auto;")里面放置着一张大地图,这样就会显示出滚动条。我现在想在地图上某些位置进行标记,使用的是动态创建的div(class="dd"),由于动态创建的div只能在地图上固定的位置,所有只能使用相对坐标"position: relative;",但是我发现一个问题:每次我动态创建一个div之后,父级div(div1)的高度就会自动增加一个div(class="dd")的高度。这样让我的布局老是出问题。
问题有点长,请耐心读两遍,求大神解决:为什么动态创建div之后父级div的高度会增加

------解决方案--------------------
用绝对定位 positon:absolute,直接渲染在body里面
------解决方案--------------------
因为position的问题,设置为relative时,元素的文本流是不回重叠的,肯定会自动扩展