在写uni-app时，发现子元素超出父元素高度范围，子元素高度会自适应，本以为是upx的问题，但是改为px还是自适应，然后又把flex注释掉发现问题解决了，问题就在flex布局。
父元素样式：
/* 宠物列表 */ .pet-list{ margin:10px 0px; width: 100%; height: 300px; padding: 0 10px 0 10px; display: flex; flex-direction: column; align-items: center; overflow-y: scroll; }子元素样式：
.pet-wrapper{ margin-bottom: 5px; width: 80%; height: 100px; background-color: #ffffff; border-radius: 10px; }此时子元素数量较多，整体高度超出父元素高度时，子元素高度会自适应减小，要想保持子元素高度，需对子元素样式增加如下属性：
?
 1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。 |
标签： #flex布局子元素宽度自适应 #父元素样式 #宠物列表 #0pxwidth #100height #300pxpadding
