ul里不能直接嵌套div
在ul下,直接嵌套div,在ie7以以前版本,会出现的状况是:div会被离它最近的li包裹住。
请看dome
< ul class="clearfix" > < li >1</ li > < li >2</ li > < li >3</ li > < li >4</ li > < li >5</ li > < div class="add"> 这一块在ie7及之前版本会被加载到文本为5的li里。 </ div > </ ul > |
<style type= "text/css" > .clearfix{ display :inline- block ; width : 100% ; } .clearfix li{ float : left ; padding : 5px ; border : 1px solid #999 ; width : 12% ; list-style : none ; } .add{ background : #67BCD1 ; height : 20px ;} </style> |
在谷歌下
在ie7文档模式下,就把div添进了离它最近的li里面。
so, ul不支持直接嵌套div的写法。
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步