三 固定布局的原理与案例
固定定位fixed:元素脱离文档流,相对于窗口定位,固定在页面上,并且不随页面滚动
可以当作是绝对定位的一个特例来看待
固定定位用得不多，但某些情况下很好用
原始结构：
将当前页面高度加长，会出现一个滚动条
当上下滑动滚动条时，蓝色的区块会消失，如果不想其消失，上下滑动，蓝色区块仍然在那个位置，可以这样修改
将蓝色区块位置调整到距离顶部200px,左侧30px
这种定位方式的应用场景：设置在线客服，广告，顶部菜单固定
案例，设置QQ客服区域
将背景去掉
最终效果：
本文作者为BUG之神，转载请注明。