【问题标题】：Div to Fill Remaining WidthDiv 填充剩余宽度
【发布时间】：2011-12-20 10:28:32
【问题描述】：

我正在尝试使这条蓝线（一个 div）自动填充其余空间容器的宽度固定为 800px，但 h1 会根据文本的长度改变宽度。

About us

比

Services

等更长。

我可以使用 80% 之类的东西，它可以工作，但它不能填满剩余的部分，而且看起来很丑......

你会怎么做？

谢谢

【问题讨论】：

【解决方案1】：

您可以有一条横穿整个容器的线，并在隐藏该线的文本上使用背景颜色。

【讨论】：

【解决方案2】：

一种简单的方法是将线条设置为宽度的 100%，并将文本放置在其上方，并使用不透明的背景。

【讨论】：

【解决方案3】：

您可以简单地将线条设置为整个框的宽度，然后隐藏溢出：

【讨论】：