在pos:a元素不设定宽度的情况下,他的最大宽度是受父元素的宽度所限制的。

<div style="width:80px;height:50px;position:relative;left:50px;">
  <ul style="position:absolute;top:100%;background:#f00;margin:0;padding:0;">
    <li style="float:left;width:33px;padding:0;margin:0;">A</li>
    <li style="float:left;width:33px;padding:0;margin:0;">A</li>
    <li style="float:left;width:33px;padding:0;margin:0;">A</li>
  </ul>
</div>
<div style="width:80px;height:50px;position:relative;left:50px;">
  <ul style="position:absolute;top:100%;background:#f00;margin:0;padding:0;">
    <li style="float:left;width:33px;padding:0;margin:0;">A</li>
    <li style="float:left;width:33px;padding:0;margin:0;">A</li>
    <li style="float:left;width:33px;padding:0;margin:0;">A</li>
  </ul>
</div>

 

posted @ 2013-06-23 18:49  白牙青森  阅读(277)  评论(0编辑  收藏  举报