考虑以下示例:( 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>
应该在同一行。
最佳答案
如果您希望元素在同一行并占据整个宽度,您可以这样做。
http://jsfiddle.net/Sohnee/Gfyjc/
p {
background-color: #aaa;
}
strong {
float: left;
}
span {
display: block;
background-color: #777;
margin-left: 40px;
}
但更好的选择是从父元素中获取背景颜色。
关于html - 如何使用 CSS 使跨度宽度最大?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9376253/