`height：auto`无法自动调整标题大小

Question

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

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

height:auto;

在header标记内，因此会自动延伸以包含h标记。正确？

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

我错过了什么？

将CSS放入h标记而不是样式header是一种好习惯吗？那么h代码就像用户眼中的header一样？

感谢advence

检查here

更新  谢谢大家对于激光。我以为GluePear会解决这个问题，所以我编辑了我的代码。但没有任何事情发生。我的真实文件在h中有2 header个标记。然后是body，有些潜入body。出于某种原因，这不起作用。标题现在扩展到整个页面！

检查this

我该如何解决这个问题？

再次感谢

Answer 1

如果您将overflow:auto添加到标头css中，它将起作用。

您还需要关闭<header>代码：

http://jsfiddle.net/pvVxx/

Answer 2

使用花车后需要清除 以下是更新的示例：http://jsfiddle.net/Fuw6x/28/ clear: both;

请在此处阅读：http://www.w3schools.com/cssref/pr_class_clear.asp

Answer 3

我给出了一个答案，以简化问题：使用浮动'杀死'任何高度计算 - 这是我发现的最好的解释（在堆栈上是的） http://css-tricks.com/all-about-floats/