一块小砖头的博客

css粘性定位position：sticky position:sticky是css定位新增属性；可以说是相对定位relative和固定定位fixed的结合；它主要用在对scroll事件的监听上；简单来说，在滑动过程中，某个元素距离其父元素的距离达到sticky粘性定位的要求时(比如top：100px)；position:sticky这时的效果相当于fixed定位，固定到适当位置。 #stickyBox{ position: -webkit-sticky; position: sticky;

基础知识常被4：圣杯布局实现效果：（两边固定，中间随浏览器的大小变化而变化）方法1：（利用float布局）方法2：（利用flex布局） 昨天工作比较忙，没有及时更新文档，趁着深夜发出来。所谓为什么叫圣杯布局，我的感觉可能是做出来的效果很像圣杯大概吧！ 实现效果：（两边固定，中间随浏览器的大小变化而变化） html：公用部分 <!-- pc 常用float --> <di...

基础知识常被5：CSS样式表属性最佳书写顺序是怎样的？ 自己在写demo的时候不用考虑代码的优化，能测试出效果就可以了，但是在实际工作中，企业工作中，必须提高性能，优化代码，让客户拥有一个极高的体验性，所以在网上查询了一下相关资料， 原文地址：https://dxs12580.com/css-the-order.html （1）定位属性：position、display、float、left、to...

基础知识常被3：css中定位的常见特性1.相对定位：relative2.绝对定位：absolute3.固定定位：fixed4.静态定位：static 最近很多需求都是关于定位的，那么我想有必要在这里把定位跟大家分享一下！ 1.相对定位：relative ①.相对定位的元素是不脱标的，还会占据原来的位置 ②.相对定位的元素偏移，永远基于自身的位置 2.绝对定位：absolute ①.绝对定位的元素会...