一个小问题

Question

<p style="clear:left;position=absolute;left:800px;top:400px;border:5px solid red">一个好人.</p>
<p style="clear:left;position=relative;left:800px;top:400px;border:5px solid red">一个好人.</p>
两者的显示效果不同，前一个是文字加边框，后一个是整一行，都有边框。
这是为什么？

Answer 1

positon有4个属性:static relative absolute fixed,默认的时候是static即静止定位,是按照元素在(x)html出现的顺序依次分配位置,static是不受top right left bottom影响的.当父层a的position设为relative(相对定位) 子层b的position设为(绝对定位)时,b的偏移是相对于父层a来定位,例如top:10px的偏移量就使b的顶部和a的顶部有10px的距离.但是如果a没有设置relative 而b设为absolute,b的定位就是相对于浏览器进行,此时top:10px会使b出现在离浏览器上方10px的地方.自己试下就最清楚了.