Div设定为80％。我希望跨度为该div的100％。我怎么做？

Question

所以我有一个设置为80％宽度的div。然后我在该div内部有一个跨度，我想将它设置为100％宽度的div。第三个跨度占第二个跨度的x％。

<div>
    <span>
        <span></span>                             
    </span>
</div>

我希望在我的投资组合网站@ vadimp.com

上这样做

在“服务”部分，您会看到蓝条表示我对特定技能（CSS，HTML，Photoshop）知识的“百分比”，我希望这些蓝条（span class=barBk）占用div的整个宽度。

我已尝试将barBk设置为100％宽度并显示：inline-block但不起作用。

Answer 1

使用一些display:inline-block或display:block为您的内联提供宽度; - ）

如果您的代码允许，您应该考虑该语法：

<div class="outer">
    <div class="inner">
        <span></span>
        <!-- something else -->
    </div>
</div>