div不能嵌套li一例


在制作网站wedding-rings.cn的时候,底部一栏发现li不能套入div,特记录一下,原来是没有设置div的浮动方式
查找相关文章:div css css css布局实例
在制作网站wedding-rings.cn的时候,底部一栏发现li不能套入div,特记录一下,原来是没有设置div的浮动方式

错误方式,是因为没有加入浮动方式,即是没有加入红色字体,导致不能嵌套
#MainBody {
float:left;
margin-top:10px;
border:1px #DEDEDE solid;
}

#MainBody ul {
margin:0;
padding:0;
list-style-type:none;
}

#MainBody ul li {
float:left;
margin:2px 2px;
padding:2px 2px;
display:block;
width:350px;
border:1px #DEDEDE solid;
}