ul 换行

Question

<ul class=\"tliy_1_nav1\"></ul>                  
<ul class=\"tliy_1_nav2\">.tliy_1_nav1 { float:left; width:auto; margin:0 0 0 10px; }
.tliy_1_nav1 li { margin:0 0 0 5px; }
.tliy_1_nav2 { float:left; width:auto; margin:0 0 0 10px; }
.tliy_1_nav2 li { margin:0 0 0 5px; }
怎样让他们换行显示 ，  对为什么对这两个CLASS 设置WIDTH 的数值无效

Answer 1

用JS实现，先添加个jquery-1.3.2.min.js
然后在head里面写
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
   $(".tliy_1_nav1:even).css("background-color","red")//even是设置偶数项，.tliy_1_nav1为你的类
   $(".tliy_1_nav2:odd").css("background-color","green")//odd设置奇数项
</script>

Answer 2

<style>
.tliy_1_nav1 { float:left; width:auto; margin:0 0 0 10px; } 
.tliy_1_nav1 li { margin:0 0 0 5px; } 
.tliy_1_nav2 { float:left; width:auto; margin:0 0 0 10px; } 
.tliy_1_nav2 li { margin:0 0 0 5px; } 
</style>
<ul class=\"tliy_1_nav1\">1</ul>                  
<ul class=\"tliy_1_nav2\">2</ul>为什么我测试可以？