布局类问题

1.流式布局:
前提:用vue写的一个页面,需要根据数组中元素的个数来排列,一行固定个数,多的自动排下一行
解决:给每个元素设定宽度,然后用float

2.子容器不给固定高度,让子元素填充父容器剩余高度并且不撑开父容器
问题描述
父容器有定高 height: calc(100vh - 74px);但是底部的子容器会撑开父容器超出父容器的高度
解决:给父容器加上flex布局

3.高度百分比不生效
原因:父容器没有给一个定高,子容器想要用百分比来设置,父容器会无限撑大,父容器要给定高才行

你可能感兴趣的:(布局类问题)