本文深入探讨了网页布局中的定位技术，包括fixed、sticky、absolute和relative定位。fixed定位让元素固定在屏幕特定位置，sticky实现滚动后固定，absolute依据父级或浏览器窗口定位，而relative则是基于自身位置定位。理解并掌握这些定位方式对于创建响应式和动态网页至关重要。
定位：给定元素
实现侧边导航栏 以及网页中的广告
语法：
position：fixed固定定位+边偏移量才能到达想到的位置
实现效果：
div或者某些元素固定在页面的某个位置
position：sticky：粘性定位
实现效果：
如果前面有元素并且元素有高度 那么他会划过元素高度之后再执行固定定位
如果前面元素没有或者高度小于top后面的属性值 他直接开始固定定位
position：absolute ：绝对定位
实现效果：
如果父级元素有点位 则根据父级元素进项移动 如果父级元素没有定位 则逐级往上找有定位的元素 找到以后
开始按着这个元素的位置 开始定位如果找不到则根据浏览器 窗口进行定位
position：relative :相对定位
实现效果：
根据自身的位置 开始定位
扫一扫
1188
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
