日期:2014-05-17  浏览次数:20557 次

想问下,如何把css+div中的ul的宽度固定起来并实现导航栏宽度动态变化????
由于要实现动态导航栏的效果,也就是说栏目数不固定,可以由用户在后台添加.
想先把ul的宽度固定成912px,但是在div层中的#line ul{width:912px}没有效果,不会象table那样设置了width就自动把宽度拉长.
另外以前在table里是通过下列代码来实现自动改变td的宽度的.但是在#line ul li{width:912/ipx;}却没有效果,li的宽度没有任何变化.如何使用ui和li的组合要怎么处理才能实现动态宽度呢?
  <% i=rs.Recordcount %>
  <td align="center" width="912/i" height=25 style="overflow:hidden;">
  <a class="a1" href=info_list.asp?id=<%=rs("module_id")%>><%=rs("module_name")%></a>  
  </td>

------解决方案--------------------
没太看懂你问的到底是什么意思,你看这样行不行:
<% i=rs.Recordcount %>
<td align="center" width=<%= 912/i; %> height=25 style="overflow:hidden;">
<a class="a1" href=info_list.asp?id= <%=rs("module_id")%>> <%=rs("module_name")%> </a>
</td>
------解决方案--------------------
我明白你的意思,看起来是有些麻烦,li的宽度还会受里面文字的影响,还会受背景的影响.

如果可以的话,你最好贴个demo出来,或者贴张设计稿,也许我能帮到你.
------解决方案--------------------
ul li{float:left}就可以自动了,只是所有li的宽度不要超过你的 912



你可以这样ui li {float:left;width:expression(912/document.getElementsByTagName('li').length)}