Yu_Jian_Qt的博客

flex布局在iOS上出现高度塌陷问题： 常规盒子布局，在多数苹果机和安卓机上可以正常显示，在部分iOS上出现高度塌陷原因： 子元素高度加起来超过了父元素高度，从而触发坍缩解决办法： 给会出现高度坍缩的元素加上这个CSS flex-shrink: 0;...

BFC布局方案：常见的布局方案：正常文档流、浮动、绝对定位。概念：Block Formatting Contexts (块级格式化上下文)（属于普通文档流布局）。BFC其实就是一个大盒子，里面的元素不会外部元素的布局，比如：被bfc包裹的元素会自动清除浮动等等。使用：只要元素满足下面任一条件即可触发 BFC 特性：1、body 根元素2、浮动元素：float 除 none 以外的值3、绝对定位元素：position (absolute、fixed)4、display 为 inline-