在具体的开发过程中常常需要用到position属性来将一个部件固定在一个位置上而且不占用空间。
- 使用
position: fixed;的时候会造成其容器高度为0，而且其宽度也会内缩，导致元素全部集中在一起的情况，那么如何解决呢？
我的方案是在需要使用position: fixed;的元素上再添加一个class属性，并将其设置为position: relative;，这样就解决了容器高度为0的情况。然后给position: fixed;的class里面添加上width: 100%;。
到这里，我们就实现了将某个元素与其他元素叠加并且固定在某个位置的要求了。