首页 >web前端 >html教程 >给li加上float属性后跳出div层_html/css_WEB-ITnose

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

WBOY
WBOY原创
2016-06-24 12:25:341418浏览

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


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



#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
}

实在不行就用定位呗 

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn