给li加上float属性后跳出div层_html/css_WEB-ITnose

给li加了float属性以后 li显示的标签跳出了div框，这是为什么？

按产品分类

#quyu1 .l .fenlei_menu {
width: 191px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #666666;
border-right-color: #666666;
border-bottom-color: #666666;
border-left-color: #666666;
height: auto;
}


#quyu1 .l a {
font-size: 12px;
color: #666666;
}
#quyu1 .l .fenlei_menu h2 {
padding-top: 7px;
padding-left: 18px;
color: #009966;
}

#quyu1 .l .fenlei_menu ul {
padding-left: 18px;
height: auto;
}
#quyu1 .l .fenlei_menu ul li {
width: 48%;
padding-top: 13px;
float: left;
}




#quyu1 .l {
width: 193px;
overflow: hidden;
float: left;
}

回复讨论(解决方案)

google -> 闭合浮动元素

#quyu1 .l .fenlei_menu {
width: 191px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #666666;
border-right-color: #666666;
border-bottom-color: #666666;
border-left-color: #666666;
height: auto;
zoom:1;overflow:auto
}

实在不行就用定位呗