+ -
当前位置:首页 → 问答吧 → LI嵌套时下边框的位置

LI嵌套时下边框的位置

时间:2011-07-04

来源:互联网

我使用了两层UL,LI,实现层次关系。
<UL>
  <LI>第1层</LI>
  <UL><LI>第2层</LI></UL>
  <LI>。。。</LI>
</UL>

并且显示每个LI的下边框。我希望的结果是“第1层”下有一边框,“第2层”下也有一边框。可事实上,有些浏览器如我所愿,但有的浏览器中“第1层”的下边框出现在“第2层”下面,导致“第2层”下面有两条边框。
如何解决该问题?

作者: kiki_one   发布时间: 2011-07-04

你的嵌套有问题

应该是 
<ul>
  <li>xxx
  <ul>
  <li>yyyy</li>
  </ul>
  </li>
</ul>

作者: ddcatlee   发布时间: 2011-07-04

ul下用ul本来就不合html语义,可能某些浏览器把他看成li的子元素了

作者: aspwebchh   发布时间: 2011-07-04