2

是否position:static等同于position: relative没有指定 top、bottom、right 或 left 属性?

我认为这是因为一个元素postion: absolute相对于第一个没有postion: static. 用 来创建一个元素似乎是任意的,如果没有使用其他属性position: relative,它的行为将与 a 相同。position: static想我可能会遗漏一些关于staticvs的东西relative

谢谢!

4

2 回答 2

6

不使用position: relative任何定位的使用position: static与元素本身的工作方式相同,但对于具有position: absolute.

绝对定位的元素是相对于它的包含块放置的,包含块是最近的父元素,其position设置不是static.

于 2012-11-15T08:52:47.473 回答
4

答案是否定的,两者都不一样

position: static;仅表示默认位置,top, right, bottom, left除非你使用,否则你不能使用position: relative, absolute or fixed,你需要使用边距,此外,position: relative;当子元素被定位absolute时,所有元素都可以浮动在position: relative;div 内,如果你保持它是静态的,他们将退出文档...

看看例子

Demo1(保持 div 静态并使用 top,left 无效)

Demo2(使其position: relative;确实影响顶部,左侧)

Demo3(保持父div静态,子定位后会流出absolute

Demo4(定位的子 divabsolute将测量其父 div 定位的顶部、右侧、底部、左侧relative

这 1 是简短且非常简单但功能强大的教程视频,以清除您的疑虑

还有一篇关于CSS 定位的短文

于 2012-11-15T08:38:33.353 回答