首先,设定盒子名称
div id="fanhui"
css中写样式
#fanhui {
position: absolute
left: 30px
top: 20px
}
这样写就是距离右边30像素,距离下边20像素。
绝对定位使元素的位置与文档流无关,因此不占据空间
效果如下:
css就行了,楼上的答复你可以试试,有滑动条的时候不确定他的行不行。可以试试类似背景图的效果,可以跟着鼠标滑动走的,而不是固定不动的。如果js实现就是加一个鼠标滑动的事件,在事件中让图片总是位于底部即可
<body><div id="div1" style="width:100px height:100px background:#ccc"></div>
</body>
<script>
var oDiv = document.getElementById('div1')
oDiv.style.position = 'fixed'
oDiv.style.top = '20px'
oDiv.style.left = '20px'
</script>
主要思想就是,在js中修改div的位置。所有的赋值,都可以计算后再传值,这样就不想CSS中只能写一个值了。