html - `height: auto` 无法自动调整标题大小

Question

我正在尝试用 CSS 做一件简单的事情

我有一个 header 标签，里面有几个 h 标签。所以，为了有一个响应式设计，我做了

高度:自动;

在 header 标签内，所以它会自动拉伸(stretch)以包含 h 标签。对吧？

但是不起作用，header只是页面顶部的一行。它应该拉伸(stretch)以包含标题，对吗？

我错过了什么？

将 CSS 放在 h 标签中而不是样式 header 是一个好习惯吗？那么h标签在用户眼中会像header吗？

提前致谢

查一下here

更新 谢谢大家的回答。我认为 GluePear 可以解决问题，所以我编辑了我的代码。但什么也没发生。我拥有的真实文件在 header 中有 2 个 h 标记。然后是 body，还有一些潜入 body。由于某种原因，这不起作用。页眉现在扩展到整个页面!

检查 this出

我该如何解决这个问题？

再次感谢

Answer 1

如果添加 overflow:auto到标题 css 它将起作用。

您还需要关闭 <header>标签:

http://jsfiddle.net/pvVxx/