ul中li的问题_html/css_WEB-ITnose

    
当季热门
    
面朝大海
    
古镇时光
    
吃货血拼
    
户外撒野
    
情迷自驾

回复讨论(解决方案)

你设置的li是浮动的，它的ul，和ul的父元素div都只是普通流里的元素。浮动的元素会显示在普通元素的上方。

并且你设置的div的高度就是33px，高度大于div的高度了。

所以就把它覆盖掉了

你在div上面加个overflow：hidden，既可以清理浮动，又可以在浮动的元素大于div时，把超出的部分隐藏。

LS正解
其实LZ用嵌套的思维想一下就知道了
你的li是在div里面的，li肯定会覆盖掉下面的div的，overflow:hidden;才能显示

设置overflow (css) overflow:hidden;

你的div的高度只有33px，而你把a设为33时再加上a的top边框所以a的高度就为34了，超过了父层div的高度，再加上没有设置overflow:hidden，所以会覆盖父层的边框