碰到个div li嵌套问题.
一个IE6.0里面的问题，弄了好久没弄好：<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><H...
一个IE6.0里面的问题，弄了好久没弄好：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
ul li {padding-left:20px; border-bottom:1px solid #000;}
div { border:1px dashed #f00;}
</style>
</HEAD>
<BODY>
问题：我没有对li进行浮动，但是li却把div包进去了，这个在FF里面是正常：
<ul>
<li>li内容</li>
<div>div内容</div>
<li>li内容</li>
<div>div内容</div>
</ul>
<br/ >
<hr />
<br/ >
预期效果：
<ul>
<li>li内容</li>
</ul>
<div>div内容</div>
<ul>
<li>li内容</li>
</ul>
<div>div内容</div>
</BODY>
</HTML>
不知道谁有具体的解决办法。
我现在只能用第二种写法来实现效果，只不过我纳闷的是第一种写法在FF里面的现实效果是跟第二种写法显示效果是一样的，但是我不想写那么多ul，而且我是想用一个ul，然后用js检索这个ul下的所有li节点，通过点击li来控制div的显示隐藏。
仍然感谢！ 展开
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
ul li {padding-left:20px; border-bottom:1px solid #000;}
div { border:1px dashed #f00;}
</style>
</HEAD>
<BODY>
问题：我没有对li进行浮动，但是li却把div包进去了，这个在FF里面是正常：
<ul>
<li>li内容</li>
<div>div内容</div>
<li>li内容</li>
<div>div内容</div>
</ul>
<br/ >
<hr />
<br/ >
预期效果：
<ul>
<li>li内容</li>
</ul>
<div>div内容</div>
<ul>
<li>li内容</li>
</ul>
<div>div内容</div>
</BODY>
</HTML>
不知道谁有具体的解决办法。
我现在只能用第二种写法来实现效果，只不过我纳闷的是第一种写法在FF里面的现实效果是跟第二种写法显示效果是一样的，但是我不想写那么多ul，而且我是想用一个ul，然后用js检索这个ul下的所有li节点，通过点击li来控制div的显示隐藏。
仍然感谢！ 展开
展开全部
下面第二种不是已经做出效果了?
PS: 第一种 写法, 按照一般的标准, ul必须嵌套一个li, 然后才能在li里面包含其他标签和内容, 直接将div左右ul的子节点, 出错是可以预期的 :)
PS: 第一种 写法, 按照一般的标准, ul必须嵌套一个li, 然后才能在li里面包含其他标签和内容, 直接将div左右ul的子节点, 出错是可以预期的 :)
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
