课堂随笔

标签：Fix   浏览器   index   操作   移动   将不   top   开始   static   

HTML中定位属性之固定定位position:fixed;

定位属性：
static :默认文本流 margin padding 从左到右 从上到下
fixed:固定定位（脱离原来的文本）
position: fixed;
盒子的左边到浏览器可视窗口左边之间的距离
left:20px;
盒子的右边到浏览器可视窗口右边之间的距离
right:0;
top:0;
bottom:20px;
z-index: ;

position:fixed;
位置属性为fixed,固定定位
盒子将脱离原来的文本流，进入到新的一层，
盖在原来文本流之上，并且可以通过left right top bottom
四个属性，对盒子进行移动，移动的基准定是浏览器视窗，与其他盒子无关
定位四条代码必须写： position:设置位置属性;
left/right/top/bottom/right:进行定位操作;
z-index:设置该盒子的显示优先级；没有单位 0开始增大 值越大越开始靠前;

盒子固定定位后，回脱离原来的文本，同样将不在具有原来的特性，
宽高由内容撑开，margin:会叠加; 一般不用margin进行位置改变
任何盒子都可以fixed

课堂随笔

标签：Fix   浏览器   index   操作   移动   将不   top   开始   static   

原文地址：https://www.cnblogs.com/-XiaoWuGui-/p/14071221.html