重庆网络建站,wordpress自定义模板下载,百度推广电话号码,普陀学校网站建设flex 布局下#xff0c;使用flex#xff1a;xx 的子项无限撑大容器 祖先容器使用flex布局#xff0c;父容器使用flex#xff1a;xx的时候#xff0c;此时如果父容器下的子项使用宽高100%#xff0c;子项将会无限撑大容器。 解决办法#xff1a;
祖先容器使用flex定位时…flex 布局下使用flexxx 的子项无限撑大容器 祖先容器使用flex布局父容器使用flexxx的时候此时如果父容器下的子项使用宽高100%子项将会无限撑大容器。 解决办法
祖先容器使用flex定位时当发生嵌套时必须得给flexxx 的父容器设置position:relative,子容器设置position:absolute,这时候子项才不会无限撑大。
原因
因为使用flex弹性布局时从祖先到父容器到子容器都是没有给定宽高的当发生嵌套时这时候子项也会无限嵌套向上继承宽高。等于递归时没有设定边界所以会出现无限增长的情况。