给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;
}
#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
}
实在不行就用定位呗