static和relative:是元素显示。脱离文档流,,但文档流里的元素会保留他们的原位置。
![](https://i-blog.csdnimg.cn/blog_migrate/087617b09a89279bd0f74d61402b9829.png)
absolute和fixed:是由内容撑开显示。脱离文档流,文档流里的元素当他们不存在,不会给他们让位置
1、position:absolute中的 left,top的默认值并不是0;
2、没有设置left、top时,left和top的默认值将使元素的位置和“原来的位置”一样。
![](https://i-blog.csdnimg.cn/blog_migrate/efed73c091bb9bb7c433ed2ee5f130db.png)
float:是由内容撑开显示。脱离文档流,将块级元素变成行内元素显示,但文档流里的元素会给他们让位置。
![](https://i-blog.csdnimg.cn/blog_migrate/218f225ee25bc44aaf4a2321ab1cc6cb.png)
static和relative:是元素显示。脱离文档流,,但文档流里的元素会保留他们的原位置。
absolute和fixed:是由内容撑开显示。脱离文档流,文档流里的元素当他们不存在,不会给他们让位置
1、position:absolute中的 left,top的默认值并不是0;
2、没有设置left、top时,left和top的默认值将使元素的位置和“原来的位置”一样。
float:是由内容撑开显示。脱离文档流,将块级元素变成行内元素显示,但文档流里的元素会给他们让位置。