1、打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，这里设置一个外围的div盒子，给外围的div高度宽度和背景颜色，文字包裹到span标签里，文字也设置一下颜色，按下Crtl+S保存一下：
2、此时可以在软件右侧的窗口可以看到效果：
3、把外围盒子的position属性设置为relative，span标签里的position属性设置为absolute，设置top、left、right、bottom的数值，此时在右侧的窗口就会发现文字的位置已经改变了：
在div或者标签使用属性 mrgin-top:1px 就可以了。
示例：为了能看出效果，设置的10px
<html><head>
<meta http-equiv="Content-Type" content="text/html charset=gb2312" />
<title>悬浮文字向下滑动</title>
<style type="text/css">
h1:hover{
margin-top:10px
}
</style>
<body>
<h1>鼠标靠过来，我向下移动咯</h1>
</body>
</html>
