制作一个div扩大到可用宽度，旁边的H1/H2标签

Question

这里有一个的jsfiddle：

http://jsfiddle.net/cKuUy/2/

---

这里就是我的目标的截图：

而我在浏览器中得到的是：

关键的区别在于，在实际的实现中，条不会填充包含div元素的可用宽度。如果我放置：width:100%，则条形展开为容器宽度，但在文本下方向下;尽管两个元素都被左移。

有什么建议吗？

Answer 1

这个解决方案应该有所帮助：https://stackoverflow.com/a/1767270/1472586

基本上从网吧删除float: left和width并添加overflow: hidden给他们。您也可能必须相应地调整您的利润率（例如，标题上的正确填充可能会更好）。