你不一定知道的css知识-top等属性

html-css044

你不一定知道的css知识-top等属性,第1张

如果一个元素的position属性值不是‘static’,那么就说这个元素是定位的。

注意,'top','right','bottom','left'这四个属性对于static定位的元素无效。因此,我们说top等的含义时,就是在讲这些属性在相对定位和绝对定位下的含义。

绝对定位下,这四个属性的含义就很不一样了。

这里要解释一下俩个概念:top margin边 和包含块的概念。

我们都知道,每个盒子都由内容、内边距、边框和外边距组成。外边距区域最顶部的位置就是top margin 边,最底部的位置就是bottom margin边。

包含块的概念:元素盒子的位置和大小有时是根据一个特定矩形计算的,叫做该元素的包含块。

对于绝对定位的元素,它的包含块就是由最近的已经定位的祖先元素创建。如果没有这样的祖先,包含块就是根元素所在的包含块。

你的这两个问题都没法儿回答,top:0px和position:absolute都是css属性产生的效果,top是指距离顶部多远,position:absolute是指定位方式为绝对定位,默认值是流式定位。写了不写当然不一样,不然为啥非要写呢,对不对。

顺手采纳了吧,真的没法儿再回答的更明白了。