关于ul列表格式实在整不出来了_html/css_WEB-ITnose

<style>ul li ul{width:100%;}ul li ul li{width:180px; float:left;}</style><ul>  <li>父节点1    <ul>       <li>子节点1</li>       <li>子节点2</li>       <li>子节点3</li>    </ul>  </li>  <li>父节点2    <ul>       <li>子节点1</li>       <li>子节点2</li>       <li>子节点3</li>    </ul>  </li></ul>

图片里上半部分是ie6里显示的效果，正式我想要的，但是到了火狐里就变成下面那样，请问应该怎么写才能跟ie6里显示的一样啊？

回复讨论(解决方案)

  
• 父节点1
      
  
         
  • 子节点1
  
         
  • 子节点2
  
         
  • 子节点3
  
      
  
    

  
• 父节点2
      
  
         
  • 子节点1
  
         
  • 子节点2
  
         
  • 子节点3
  
      
  
    

试试

<style>ul li ul{width:100%;}ul li ul li{width:180px; float:left;}</style><ul>  <li>父节点1    <ul>       <li>子节点1</li>       <li>子节点2</li>       <li>子节点3</li>    </ul>  </li><br/>  <li>父节点2    <ul>       <li>子节点1</li>       <li>子节点2</li>       <li>子节点3</li>    </ul>  </li></ul>

...你想换行就加个空行呗。。。

更正下一楼

  
• 父节点1
    
  
    
  • 子节点1
  
    
  • 子节点2
  
    
  • 子节点3
  
    
  
    

  
• 父节点2
    
  
    
  • 子节点1
  
    
  • 子节点2
  
    
  • 子节点3
  
    
  
    

ul li ul{width:100%; overflow:hidden;}