I really can't figure out the ul list format_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>

The upper part of the picture is the effect displayed in IE6. It is exactly what I want, but in Firefox it becomes like the following. How should I write it so that it is the same as what is displayed in IE6?

Reply to discussion (solution)

• Parent node 1
                                                                       ;
                                                                                    🎜>                                                                                                ;
  
  
  Try
  
  
  
  
  
  ... Just add a blank line if you want to break it. . .
  
  Correction to the next floor
  
  
  
  
  • Parent node 1
    
    
    
    • Child node 1
    • Child Node 2
    • Child Node 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>

    li style="clear:both;">Parent Node 2
    

    • Child Node 1
    • Child Node 2
    
    
    • Child node 3
    
    
    
    
    
    
    
    
    
    ul li ul{width:100%; overflow:hidden;}