Css 之 position 定位

当需要一个层元素在一定范围内无视其它元素的位置 ,随意放置位置 时,

.paem{position : relative;width:200px;height:400px;}
.tip{position:absolute;top:0px;left: 180px;background-color:red;width:200px;}

<div class="paem">
      <div class="tip">123456</div>
    <ul class="teul">
      <li><a href="javascript:void(0);">测试一</a></li>
      <li><a href="javascript:void(0);">测试一</a></li>
      <li><a href="javascript:void(0);">测试一</a></li>
      <li><a href="javascript:void(0);">测试一</a></li>
      <li><a href="javascript:void(0);">测试一</a></li>
      <li><a href="javascript:void(0);">测试一</a></li>
    </ul>
    </div>

其中 父元素(本人称之为参照元素) pame 属性设置为 relative  子元素(本人称为浮动元素)  tip 属性设置为 position:absolute 然后通过 top 与left 就可以实现其功能

如果想要不用 abs属性的div 一定要把这类的div放在最后面否则会影响部局