CSS定位的方式

Position：

默认定位：static

    没有特点

绝对定位：absolute

    相对于：他爹，他爷爷，他爹的爷爷中设置定位的那个。

    一般用法：他爹设置相对定位，他自己绝对定位。

    脱离文档流

相对定位: relative

    相对于：他原有的位置。

   

固定定位:fixed

    相对于:浏览器窗口，页面内容如果滚动的话，它不动。

    脱离文档流

 

实例：

    百度底部导航：

       特点：固定在底部，不会跟着屏幕的滚动而滚动。

    解决方案：固定定位:fixed

 

 

屏幕适配问题（PC）

1. 你永远都不可能配置所有屏幕：屏幕大小是不确定的
2. 配置绝大部分的屏幕：内容居中的方式，2端留空白
3. 中间内容（块）多大合适呢？？？跟着主流平台

居中(元素，块级元素)的技术（手段）：margin:0 auto

案例：百度首页，底部导航

浮动：

    现象：水平方向有多个块，水平排在一起，建议使用浮动(或者行内块 块级元素也可以实现)。

    设置方式:

    左浮动、右浮动

    经验：

       设置的浮动，清除浮动，否则对后续元素会有影响。

       元素设置浮动之后，会脱离文档流。

 

https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/qrcode/qrcode@2x-daf987ad02.png

 

 

定位

什么可以定位：

手机号码、IP、GPS（高德、百度、腾讯地图）（火星坐标系）

 

360首页的使用

使用IP地址进行定位。获取到了IP地址就OK