跨度 - 父元素的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>

元素 - icoMore 包含了一个背景图片 - 我希望它可以响应到其 父级的完整宽度上 - 我尝试了下面的代码 -

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

但它显示为零宽度和高度 - 有人能提供解决方案吗？

- Dancer

Answer 1

将 display: block 添加到中。这应该已经足够了。

- Victor

Answer 2

您需要在您的<span>中添加任何字符，甚至是一个空格，例如：

<span>&nbsp;</span>

请查看这个 fiddle：

http://jsfiddle.net/dimaspante/5j6vt0mk/

- Dimas Pante