css的属性，以前没用过遇到了，记录一下： 虽然layui本来自带这个处理，但是为了灵活，抛弃layui原有的加载，只是用layui的样样式，就要使用到这个css属性 总结overflow属性： ...

flex:1的元素的父元素必须保证高度或者宽度有具体的数值； 如果父元素的高度或者宽度也是flex:1自适应的，最好在父元素上也设置overflow:auto，这样子元素的overflow:auto生效了；（BFC妙用） ...

flex:0 1 auto; flex是flex-grow,flex-shrink,flex-basis3个属性结合在一起的缩写形式,后两个属性可选写 flex-grow 表示当子元素的空间小于父元素的空间时,如何处理剩余空间, 默认值为0表示不占有剩余空间; 当子元素都设置为1时表示 ...

...

...

这里主要是解决overflow的滚动属性（scroll和auto）与position定位两者之间的共存。 如上图类似的效果。 这里解决的关键是： （1）在父级的同级中增加一个div，实现两个div的同步滚动。 （2）在滚动内容区域的外面添加一个“固定高度”的div。详细作用在代码中有 ...

经常我们会使用flex布局，但是flex布局常常会遇到一些不可思议的麻烦，下面介绍一下overflow遇到的麻烦 我在工作中使用了左右两栏布局 我的想法是左边宽度要自适应，而且需要滚动条，虽然这样设置了，但奇怪的事情发生，左边的内容并没有出现滚动条，通过查阅资料 ...

传统 pc 端中，子容器高度超出父容器高度，通常使用 overflow:auto 可出现滚动条拖动显示溢出的内容，而移动web开发中，由于浏览器厂商的系统不同、版本不同，导致有部分机型不支持对弹性滚动，从而在开发中制造了所谓的 BUG。 上图如果在PC端中，我们可以利用 position ...