position静态、固定、相对和绝对定位——页面文档流的显示

最新推荐文章于 2023-04-15 12:59:29 发布

糖包咭

最新推荐文章于 2023-04-15 12:59:29 发布

阅读量311

点赞数 2

分类专栏：静态、固定、相对、绝对定位页面文档流-overflow 文章标签： css html

本文链接：https://blog.csdn.net/weixin_47952714/article/details/108842764

版权

1 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

position定位

static { position:static ;}

静态定位： 元素不会受到top，bottom，left，right的影响，没有定位，遵循正常的文档流

固定定位：

	1、Fixed定位在IE7和IE8下需描述<!DOCTYPE>才能支持
	2、Fixed定位使元素的位置与文档流无关，因此不占据空间
	3、Fixed定位的元素与其他元素重叠

相对定位：

1、元素的定位是相对于其正常位置
2、移动相对定位元素，但他原本所占空间不变

绝对定位：

1、绝对定位元素的位置相对于最近的已定位元素
2、如果缺乏已定位的父元素，那么他的位置相当于<html>
3、absolute 定位使元素的位置与文档流无关，不占据空间
4、absolute 定位的元素和其他元素重登

属性：

white - space : nowrap ; 强制在一行显示
text - overflow : ellipsis ; 超出部分用省略号显示
overflow : hidden ; 超出部分隐藏
overflow ：auto ; 内容超出自动用滚动条显示

关注