在pos:a元素不設定寬度的情況下，他的最大寬度是受父元素的寬度所限制的。

白牙青森發表於2013-06-23
<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>

 

相關文章