div与ul包含关系中relative和absolute中的设置

关键是.a宽度和高度的设置和设置absolute位置是ul和设置absolute位置的父元素定位设置为relative

<style type="text/css">

   .a{width:100px;height:50px;border:1px  solid red;}

   .b{position:relative;z-index:100;}

  .c{position:absolute;background-color:green;}

  .c li{float:left;clear:left;}

.d{position:relative;}

</style>

<div class="a">

  <div class="b">

    <ul class="c">

      <li>1</li>

      <li>2</li>

      <li>3</li>

      <li>4</li>

      <li>5</li>

    </ul>

  </div>

</div>

<div class="d">上面过长的话会与这里重叠，所以要设置z-index </div>