html - CSS - h1 占用其余宽度

Question

在我的标题框中，我有一个图标 ( <img> ) 和一个标题 ( <h1> )。两者都向左浮动。

我希望我的标题 ( <h1> ) 占据框的其余宽度。所以如果我把 text-decoration: underline;在 <h1> 上, 下划线必须继续到 'till the end of the box.

JsFiddle:http://jsfiddle.net/44XDa/1/

基本上，我希望 Welcome 下的行一直到黄色框的末尾。

有人能帮忙吗？

Answer 1

如果该区域中唯一的其他元素已经 float ，则无需使 h1 float 。正如其他张贴者已经指出的那样，您可能想要使用边框而不是下划线来获得这种效果。这是我的编辑:

http://jsfiddle.net/44XDa/36/

我的解决方案与上述解决方案之间的主要区别在于，这个解决方案没有为 h1 元素设置宽度。如果您决定在将来更改内容标题 div 的宽度，这将使事情变得更容易。