CSS - h1取其余的宽度

在我的标题栏中，我有一个图标（<img>）和一个标题（<h1>）。两者都飘到左边。CSS - h1取其余的宽度

我想我的标题（<h1>）占用框的宽度的其余部分。所以，如果我把文字修饰：下划线;在<h1>上，下划线必须继续'直到框的结尾。

基本上我想下欢迎走行“，直到黄色框的末尾。

任何人都可以帮忙吗？

如果区域中唯一的其他元素已经浮动，则不需要使h1浮动。正如其他海报已经指出的，你可能想使用边框而不是下划线来获得这种效果。下面是我的编辑：

我的溶液和上述的那些之间的主要区别在于，这一个不设置用于h1元件的宽度。如果您决定在将来更改内容标题div的宽度，这将会更容易。

2012-08-13 08:06:51 DaoWen

完美！谢谢。 – user1026090 2012-08-13 08:18:02

仅供参考 - 魔法在'溢出：隐藏;' – DaoWen 2012-08-13 08:20:32

我用边框底部模拟下划线结束。我减少了你的线条高度，并增加了填充顶部，将它放在你有的地方。删除文字装饰，你会有一条线。

2012-08-13 08:00:06

在这里你去：

也许这是你想要的吗？

2012-08-13 08:00:07

谢谢，但解决方案种类当您将span2更改为例如SPAN1。我想我可以为每个跨度指定h1宽度，是最好的解决方案吗？ – user1026090 2012-08-13 08:06:50

嘿，现在用来box-shadow和删除H1float left像这一点，并设法底线为line-height

2012-08-13 08:19:02

回答