<div class="leftNav">
            <ul>
                <li>预案启动</li>
                <li>报警</li>
                <li>指挥人员</li>
                <li>应急资源</li>
                <li>信息收集</li>
                

            </ul>
        </div>

ul li {
    list-style: none;
    padding: 0px;
    margin: 0px;
  }
.leftNav{
    top: 10%;
    width: 100%;
    height: 500px;
    background-image: url(../images/left_bg.png);
    position: absolute;
    background-repeat: no-repeat;
    z-index: 111;
    left: 1%
}

如果ul下得li不断增加 能够撑起leftNav的背景图 现在li内容都跑到了li的外面 求问CSS要设置什么属性