Question

关于CSS中的ul与li的问题 具体代码如下 怎么解决子级li挤父级li

<ul><li>商品详情<ul><li><div class="1">gfdhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh</div></li></ul><li>
<li>买家评价<ul><li>fffdddddddddddddddddddddddd</li></ul><li>
<li>近期销量<ul><li>dddddddddddddddddddddd</li></ul><li>
</ul>

.producttab ul{
border:solid red 1px;
height:50px;
list-style-type: none;
}
.producttab ul li{
float: left;
}
.producttab ul li ul{
height:10px;
display: none;
margin: 0px;
padding: 0px;
}
.producttab ul li ul li{
overflow:hidden;
}
.producttab ul li:hover ul{
display: block;
}

Answer 1

你没做任何定位，，，肯定会撑开啦，，，子元素宽度也要算上的啊。

给子UL，，加上针对父ul li定位，这样就不会撑开了。。。

Answer 2

建议你把后代选择器写成子代选择器，话说你这几个框看的我头发晕，你就不能区分开颜色吗？