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 回答