欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2024-01-02 12:12:34
...
给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
}

实在不行就用定位呗

上一篇:

下一篇: