css - 跨度 - 父级的 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 包含一个背景图像 - 我想响应 thebootstrap 父级的全宽 - 我尝试了以下代码 -

    .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跨越。应该够了。