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)

ff6d136ddc5fdfeffaf53ff6ee95f185
25edfb22a4f469ecb59f1190150159c6Parent node 1
                                                                     ;
                                                                                  🎜>                                                                                                ;


Try





... Just add a blank line if you want to break it. . .

Correction to the next floor

ff6d136ddc5fdfeffaf53ff6ee95f185
25edfb22a4f469ecb59f1190150159c6Parent node 1
ff6d136ddc5fdfeffaf53ff6ee95f185
25edfb22a4f469ecb59f1190150159c6Child node 1 25edfb22a4f469ecb59f1190150159c6Child Node 2bed06894275b65c1ab86501b08a632eb

25edfb22a4f469ecb59f1190150159c6Child Node 3bed06894275b65c1ab86501b08a632eb

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

25edfb22a4f469ecb59f1190150159c6Child Node 1bed06894275b65c1ab86501b08a632eb

25edfb22a4f469ecb59f1190150159c6Child Node 2bed06894275b65c1ab86501b08a632eb
25edfb22a4f469ecb59f1190150159c6Child node 3bed06894275b65c1ab86501b08a632eb
929d1f5ca49e04fdcb27f9465b944689
bed06894275b65c1ab86501b08a632eb
929d1f5ca49e04fdcb27f9465b944689



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