相对定位:就是使这个元素块,,以它原本的位置为基准进行偏移..
固定:就是以浏览器窗口为基准进行偏移,而且不会随滚动条的滚动而位置变动!
静态定位:就是默认的定位方式!
你想定在哪就给他加绝对定位 position：absolute；当然他要有参照父级元素，父级设相对定位 position: relative，现在他的父级是body，代码如下：body{margin:0padding:0position:relative}
#panel{position:absolutetop:50pxleft:100px}
意思是离开页面顶部50像素，离开左边100像素如果不想让参照物是body的话，就给panel外面再包个盒子。
可以使用css中的position来对div进行定位来改变div的位置，position可能的值如下：
工具原料：编辑器、浏览器
1、通过设置一个div的position的值来调整div的位置，简单的代码示例如下：
body><div id="div2"></div>
<style>
div{
border: 1px solid red
width: 200px
height: 200px
position: absolute
right: 200px
bottom: 200px
}
</style>
</body>
2、设置一个宽高为200像素的div距body的右边200像素底部200像素，运行的效果如下图：
