在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>