跨度 - 父级的100%宽度

Question

我在bootstrap文档中有以下结构 -

 <div class="col-lg-6 col-sm-6>
  <ul class="stdULGrey st_tabs_ul">
       <li class="st_li_first st_li_active">
           <a href="#view_1" class="st_tab st_tab_first st_tab_active">
                <span class="icoMore icoA"></span>
                <span class="tabText">WANT TO KNOW MORE?</span></a>
       </li>
       <li>
           <a href="#view_2" class="st_tab">
                <span class="icoWhereTo icoA"></span>
                <span class="tabText">WHERE TO FIND US?</span>
           </a>
       </li>

</ul>

span元素 - icoMore包含一个背景图片 - 我想响应bootstrap父级的全部宽度 - 我试过以下代码 -

    .icoMore{background:url(../img/logos%20and%20icons/Wanttoknow_Icon_Off.png) no-repeat; min-width:100%; min-height:auto; display:block; }

但它显示零宽度和高度 - 任何人都可以建议解决方案吗？

Answer 1

添加display: block到span.这应该够了.