开发者社区 问答 正文

一个关于样式的问题

html

<ul id="nav" class="nav">
    <li>
        <h2><span>首页</span></h2>
        <ul>
            <li><a href="#">网站介绍</a></li>
            <li><a href="#">精品套餐</a></li>
            <li><a href="#">xx特色</a></li>
            <li><a href="#">免费试听</a></li>
        </ul>
    </li>
</ul>


css

.nav li{
    width: 300px;
    height: 200px;
}

为什么这样设置之后li的长度是全屏的?但是给.nav设置长度之后li又生效

展开
收起
a123456678 2016-05-27 16:43:44 1629 分享
分享
版权
举报
1 条回答
写回答
取消 提交回答
  • li是块级元素,默认是占父容器的100%,单纯设置宽度是无效的,这个可以参考div,如果想让宽度生效,要么设置display:inline-block,要么设置float:left。

    2019-07-17 19:18:16 举报
    赞同 评论

    评论

    全部评论 (0)

    登录后可评论
问答分类:
问答地址: