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

时间:2012-07-18 18:57:28

标签: css html width

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

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

我不明白发生了什么,即使我把display:block它表现为自动宽度(相对于内容)。

我感谢任何帮助。

提前致谢。

http://jsfiddle.net/T3arP/

我需要实现的效果是让带有绿色边框的盒子绝对或固定在容器的顶部,这样你就可以滚动关键字,但标题会保留在那里。

2 个答案:

答案 0 :(得分:6)

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

*您可以在http://www.w3.org/TR/CSS2/visudet.html#abs-non-replaced-width

了解这些规则

答案 1 :(得分:-1)

如前所述,一旦你绝对定位一个元素,它就会在某种意义上失去父母的标记关联。所以你可以这样做。

http://jsfiddle.net/T3arP/1/