绝对定位position:absolute之特殊属性

[code="css"]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


New Document



body{ margin:0; } #outer{ width:300px; height:250px; background:blue; padding:50px 0px; } #inner{ position:absolute; top:120; height:150px; background:red; }




[/code]

#inner div 应该是用根绝窗口的绝对定位,产生距浏览器窗口上面150px,左右保持原来的不变啊

为什么我试了很多次,都不起效果

结果是inner div根本就不显示出来

这个问题很简单的,其实是你的innerdiv 的宽度 没有设置。所以他不显示了。

你可以试一下的。

没有设置宽度,所以看不出效果
改成这样就有效果了
#inner{

position:absolute;

top:120;

height:150px;

background:red;

[b] width:100px;[/b]
}