css - Div 未扩展到 100%(默认行为)

Question

我有一个奇怪的问题....

默认情况下，Div 应该扩展到可用空间的 100%，但事实并非如此。

我不明白发生了什么，即使我放置了 display:block 它的行为也是自动宽度(相对于内容)。

感谢任何帮助。

提前致谢。

http://jsfiddle.net/T3arP/

我需要实现的效果是让带有绿色边框的框绝对化或固定到其容器的顶部，这样您可以滚动关键字但标题将保留在那里。

Answer 1

当您绝对定位某物时(使用 position: absolute 或 position: fixed)width: auto 不再将其扩展到容器的宽度。实际确定宽度的规则很复杂*。这就是为什么许多人认为在这些元素(即绝对定位的元素)上设置特定宽度是一种很好的做法。

*您可以在 http://www.w3.org/TR/CSS2/visudet.html#abs-non-replaced-width 找到有关这些规则的信息)