- 如果overflow-x与overflow-y的值相同，则等同于overflow；如果不同，且其中一个值为visible，那么这个visible会被重置与另外一个值相同。
- overflow作用的前提：1、非display:inline。2、对应方位尺寸限制，width、absolute拉伸等
- 解决ie7浏览器下，按钮文字越多，两端padding越大的方法：给所有按钮overflow:visible
- 无论什么浏览器，默认滚动条都来自html，而不是body，因此不用给body设置滚动条
- overflow下padding-bottom缺少（除chorme浏览器外）
- 水平居中跳动问题。方法1：html{overflow-y:scroll}；方法2：.container{padding-left:calc(100vw-100%)；}（IE9+）
- overflow可以实现两栏自适应布局
.left{
width: 300px;
height: 100%;
background-color: #ccc;
float: left;
}
.right{
height: 100%;
overflow:hidden;
background-color: #eee;
} - overflow可以使元素BFC化，既不受外部影响。
- 两栏自适应布局最佳写法：.cell{display:table-cell;width:2000px;display:inline-block;width:auto；
}
overflow相关
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
推荐阅读更多精彩内容
- 一、在什么场景下会出现外边距合并？如何合并？如何不让相邻元素外边距合并？给个父子外边距合并的范例 在CSS当中，相...
