css总结（float定位）

float布局是实际开发中用到比较多的定位方式之一，例如页面的导航栏、新闻的列表页等布局都需要用到这一个重要的css属性，这一属性的值和意义描述如下：

Clear属性是和float对着干的属性，float干的，clear都可以去“销毁”float干出的成果。下面是其可能使用到的属性值。

具体参考链接: https://blog.****.net/u010486124/article/details/52965855.
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

css总结（position定位）

CSS中position有五种不同的定位方法：

1，static 静态定位、

默认，元素出现在正常的文档流中

2，Fixed 固定定位、

固定在页面中，不随浏览器的大小改变而改变位置。

3，relative 相对定位,

定位的起始位置为此元素原先在文档流的位置。

4，absolute 绝对定位，

定位的起始位置为最近的父元素(position不为static)，否则为html文档本身。

5、sticky 定位

sticky 英文字面意思是粘，粘贴，所以可以把它称之为粘性定位。
position: sticky; 基于用户的滚动位置来定位。
粘性定位的元素是依赖于用户的滚动，在 position:relative 与 position:fixed 定位之间切换。
它的行为就像 position:relative; 而当页面滚动超出目标区域时，它的表现就像 position:fixed;，它会固定在目标位置。
元素定位表现为在跨越特定阈值前为相对定位，之后为固定定位。
这个特定阈值指的是 top, right, bottom 或 left 之一，换言之，指定 top, right, bottom 或 left 四个阈值其中之一，才可使粘性定位生效。否则其行为与相对定位相同。

注意: Internet Explorer, Edge 15 及更早 IE 版本不支持 sticky 定位。

元素的定位属性（1，边偏移,2，定位模式(定位的分类)）

元素的显示与隐藏（display visibility 和 overflow）

可参考：链接: https://blog.****.net/weixin_45615623/article/details/100981239.
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

堆叠顺序 （z-index）

几种定位的居中方法

可参考：链接: lhttps://blog.****.net/ednah/article/details/61209255.
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。