0

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

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

height:auto;

header标签内,因此它会自动拉伸以包含h标签。正确的?

但不起作用, header只是页面顶部的一行。它应该伸展以包含标题,对吗?

我错过了什么?

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

提前感谢

在这里检查

更新 感谢大家的分析。我认为 GluePear 会解决这个问题,所以我编辑了我的代码。但什么也没发生。我拥有的真实文件hheader. 然后body,又有些潜入里面body。由于某种原因,这不起作用。标题现在扩展到整个页面!

看看这个_

我怎样才能解决这个问题?

再次感谢

4

3 回答 3

1

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

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

http://jsfiddle.net/pvVxx/

于 2013-11-10T21:51:36.140 回答
0

使用浮点数后需要清除这是一个更新的示例:http: //jsfiddle.net/Fuw6x/28/ clear: both;

在这里阅读清楚:http: //www.w3schools.com/cssref/pr_class_clear.asp

于 2013-11-10T21:57:22.227 回答
0

我提出了一个答案,以解决问题:使用浮动“杀死”任何高度计算方法 - 这是我找到的最好的解释(是的,在堆栈上) http://css-tricks.com/all-about-floats /

于 2013-11-10T22:04:29.883 回答