2021年2月19日
粘滞定位
摘要： position: sticky; 跟相对定位很像 可以使元素固定在某一个位置时将其固定 （一般不使用，容易不兼容） 阅读全文
posted @ 2021-02-19 23:03 俗气小博 阅读(106) 评论(0) 推荐(0)
固定定位
摘要： position: fixed; 脱离文档流，不设置文档流不变化 唯一不同的是： 固定定位永远参照与浏览器的视口进行定位 不会随着网页的滚动条滑动 阅读全文
posted @ 2021-02-19 22:58 俗气小博 阅读(120) 评论(0) 推荐(0)
绝对定位
摘要： 特点： 1.开启了绝对定位，不设置偏移量则元素不发生移动 2.元素从文档流中脱离 3.绝对定位会改变元素的性质，行内变成块，块的宽高被内容撑开 4.绝对定位会使元素提升一个层级 包含块：就是当前元素最近的祖先块元素 绝对定位的包含块：离他最近的开启了定位的祖先元素 如果所有的祖先元素都没有开启定位的 阅读全文
posted @ 2021-02-19 22:55 俗气小博 阅读(219) 评论(0) 推荐(0)
相对定位
摘要： 定位，定位是一个更加高级的布局手段，通过定位可以将原始摆放到任意位置 position 可选值：static（默认值）,静止的没有开启定位 relative 相对定位 absolute 绝对定位 fixed 开启元素的固定定位 sticky 开启元素的粘滞定位 相对定位的特点： 1.不设置偏移量，元 阅读全文
posted @ 2021-02-19 21:23 俗气小博 阅读(486) 评论(0) 推荐(0)