ie6 中ul宽度问题

代码如下：

< div style ="background-color: #FFFF99; height: 63px; margin: 0 auto; width: 650px;" >
< ul style ="background-color: #88f8f8; left: 5px; margin: 0; padding: 0; position: relative; top: 20px;" >
< li style =" background-color: #FF6633;cursor: pointer;display: block;float: left;height: 21px;
list-style: none outside none;margin: 0 2px 0 0;overflow: hidden;padding: 0;width: 318px;" ></ li >
< li style =" background-color: #FF6633;cursor: pointer;display: block;float: left;height: 21px;
list-style: none outside none;margin: 0 2px 0 0;overflow: hidden;padding: 0;width: 318px;" ></ li >
</ ul >
</ div >
< hr >
< div style ="background-color: #FFFF99; height: 63px; margin: 0 auto; width: 650px;" >
< ul style ="background-color: #88f8f8; left: 5px; margin: 0; padding: 0; position: relative; top: 20px; width: 644px;" >
< li style =" background-color: #FF6633;cursor: pointer;display: block;float: left;height: 21px;
list-style: none outside none;margin: 0 2px 0 0;overflow: hidden;padding: 0;width: 318px;" ></ li >
< li style =" background-color: #FF6633;cursor: pointer;display: block;float: left;height: 21px;
list-style: none outside none;margin: 0 2px 0 0;overflow: hidden;padding: 0;width: 318px;" ></ li >
</ ul >
</ div >

在ff下显示和在ie6下显示的效果不一样。

ff下的两个排版一致，ie6下上下两个排版不一。

主要原因在：ul 的style="width: 644px", ie6对设置了width后才对position: relative;作用。否则不作用。

ff截图

ie截图

转载于:https://www.cnblogs.com/erhsh/archive/2011/03/23/1992446.html