java锚点_定位与锚点-strongerPian-博客园⽂档流：
普通流：上⾄下，左⾄右
浮动流：元素添加了float：；
定位流：添加了定位属性
定位 position:;
static 默认值
absolute 绝对定位(脱离⽂档流，不占位；默认参考浏览器零点)
relative相对定位(占据⽂档流，占位置；参考⾃⾝加载在页⾯中的位置)
fixed 固定(脱离⽂档流，不占位；元素固定在页⾯中，不随页⾯滚动⽽滚动；默认参考浏览器零点)
sticky 粘性定位(页⾯达到⼀定⾼度时，脱离⽂档流；效果是吸附浏览器顶部)(结合了relative和fixed的特征)
坐标位置 ⽔平left rightabsolute relative
垂直top bottom
包含块：
形成嵌套结构，且⽗级元素有设置定位position：relative；
absolut和relative的区别：
1、是否占据⽂档流， absolute占据，relative不占据
2、参考物不同，absolute参考html，relative参考⾃⾝
层级关系 z-index:;
前提条件：有定位的元素才能设置层级关系
auto默认值0
number 具体数字，可以为负数
并列关系：改变任⼀元素的层级关系都可以
嵌套关系：只能改变⼦集的层级关系
元素居中⽅式
第⼀种：
position:absolute;==>⼦元素改变⼦集位置
top:0p;
right:0px;
bottom:0px;
left:0px;
margin:auto; ==>⾃适应
第⼆种：
position:absolute; ==>⼦集作为被参考物
top:50%;
left:50%;
margin-left：宽度值⼀半的px;
margin-top:⾼度值⼀半的px;
锚点链接
1、点击位置
2、确定跳转位置指定跳转的位置标签>
3、页⾯⾼度⾜够

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。