admin管理员组

文章数量:1611159

问题描述：

有个这样的页面，页面是通过flex布局的，现在想将头部( 我的订单栏 )固定，那么我们第一反应就是添加定位呀，position : fixed。但是问题来了，position可以添加，但是添加之后，页面变成这样了（如下所示），

也就是设置的display:flex 失效了，不起作用。 
 

position 一般常用的属性值有三种： relative 、 absolute 、 fixed

当position的值为 absolute  、fixed的时候，与display: flex 一起使用的话，会出现问题。  解决方法如下：

解决方法：
给使用display:flex 的盒子外面在嵌套一个盒子outer，然后给outer盒子添加  position : absolute /  fixed  ，注意别忘了还需要添加  width: 100%;
部分代码如下：
 

转自https://blog.csdn/Miss_liangrm/article/details/99184017

本文标签： 布局flexDISPLAYfixedabsolute

版权声明：本文标题：解决【display：flex布局】遇上 【position: absolutefixed 】的失效问题 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dianzi/1728606927a1165569.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。