Div 设置为 80%.我希望跨度是该 div 的 100%.我该怎么做

Question

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

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

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

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

我尝试将barBk设置为 100% 宽度和显示：内联块，但都不起作用。

Answer 1

使用一些display:inline-block或display:block给你的内联一个宽度;-）

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

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