开发者社区> 问答> 正文

为什么这个css设置后这么奇怪??

<nav  id="nav_4">
    <li id="f1">客户管理</li>
    <li>市场活动</li>
    <li>外包管理</li>
</nav>
#nav_4{
    border:red dotted 1px;
}
#nav_4>li{
    display:inline;
    background:url("../img/圆角矩形-2.png") no-repeat 0px 0px;
    background-size:100% 100%;
    border:red dotted 1px;
    padding:10px 22px;/*盒子宽92px*/
    font-family:微软雅黑;
    font-size:12px;

    color:#ffffff;
    margin:0px;

}

问题是:nav元素为什么高度不等于li元素的高度??
而且li元素的内容消失不见??
screenshot

展开
收起
杨冬芳 2016-06-12 18:03:59 1949 0
1 条回答
写回答
取消 提交回答
  • IT从业

    你把li中字体颜色设置了白色……当然看不到了
    高度问题是你设置了display:inline;改为inline-block就可以了

    2019-07-17 19:34:51
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载