标签：
1.根据W3C HTML401列表主要分为以下几个
有序列表：使用ol创建，列表项用li
无序列表：使用ul创建，列表项用li
自定义列表：使用dl创建，其列表元素使用“项/定义”（dt/dd）进行创建
2.IE 6 7 8会忽略li,dl,dd的结束标签，会把最近的非列表元素（display:list-item）组合到最近的li,dl,dd元素内,会造成在IE 6 7 8 的浏览器内布局不一致等原因
3.代码展示
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <style> 6 * { margin:0; padding:0; } 7 li { list-style-type:none; } 8 </style> 9 </head> 10 <body> 11 <div style="width:200px;"> 12 <li>li A</li> 13 <li style="border:1px solid black;">li B</li> 14 <span style="background:gray;">CCC</span> 15 <li>li C</li> 16 </div> 17 <br /> 18 <div style="width:200px;"> 19 <dd>dd A</dd> 20 <dd style="border:1px solid black;">dd B</dd> 21 <span style="background:gray;">CCC</span> 22 <dd>dd C</dd> 23 </div> 24 <br /> 25 <div style="width:200px;"> 26 <dt>dt A</dt> 27 <dt style="border:1px solid black;">dt B</dt> 28 <span style="background:gray;">CCC</span> 29 <dt>dt C</dt> 30 </div> 31 </body> 32 </html>
在IE 6 7 8中显示
在IE 9+及Firefox,Opera,Safari等显示如下
本文为测试文
标签：
原文地址：http://www.cnblogs.com/cfWeb/p/5203417.html
