找人做企业网站注意啥,网站需要服务器吗?,建设官方网站的作用,中小企业网站制作广州网络服务公司找赛合一、问题 遇到个样式问题#xff0c;当父级元素设置了flex 布局 #xff0c;两个子元素都设置了flex :1, 但是当子元素放不下的时候会溢出父元素怎么解决 #xff08;拖拽浏览器 使页面变小#xff09;
二、解决方法 .father{min-height: 600px;width: 100%;display: flex…一、问题 遇到个样式问题当父级元素设置了flex 布局 两个子元素都设置了flex :1, 但是当子元素放不下的时候会溢出父元素怎么解决 拖拽浏览器 使页面变小
二、解决方法 .father{min-height: 600px;width: 100%;display: flex;gap: 12px;-left {flex: 1;min-width: 0; // 关键代码 设置最小宽度和最大宽度 可以防止子元素溢出max-width: calc(50% - 6px); // 关键代码 设置最小宽度和最大宽度 可以防止子元素溢出}-right {flex: 1;min-width: 0; // 关键代码 设置最小宽度和最大宽度 可以防止子元素溢出max-width: calc(50% - 6px); // 关键代码 设置最小宽度和最大宽度 可以防止子元素溢出}}
