html - 如何使用 CSS 使跨度宽度最大？

Question

考虑以下示例:( live demo )

HTML:

<div>
    <p>
        <strong>Stack</strong>
        <span>Overflow</span>
    </p>
</div>

CSS:

p {
    background-color: #aaa;
}
span {
    background-color: #777;
}

我如何制作 <span>的宽度是所有可用空间？

注意: <strong>和 <span>应该在同一行。

Answer 1

如果您希望元素在同一行并占据整个宽度，您可以这样做。

http://jsfiddle.net/Sohnee/Gfyjc/

p {
    background-color: #aaa;
}

strong {
    float: left;    
}

span {
    display: block;
    background-color: #777;
    margin-left: 40px;
}

但更好的选择是从父元素中获取背景颜色。