overflow 当内容溢出元素框 出现滚动条

overflow-x: visible|hidden|scroll|auto|no-display|no-content;x

说明：

overflow-x 属性规定是否对内容的左/右边缘进行裁剪 - 如果溢出元素内容区域的话。

值	描述	测试
visible	不裁剪内容，可能会显示在内容框之外。	测试
hidden	裁剪内容 - 不提供滚动机制。	测试
scroll	裁剪内容 - 提供滚动机制。	测试
auto	如果溢出框，则应该提供滚动机制。	测试
no-display	如果内容不适合内容框，则删除整个框。	测试
no-content	如果内容不适合内容框，则隐藏整个内容。	测试

overflow-y: visible|hidden|scroll|auto|no-display|no-content;

说明：

overflow-y 属性规定是否对内容的上/下边缘进行裁剪 - 如果溢出元素内容区域的话。

值	描述	测试
visible	不裁剪内容，可能会显示在内容框之外。	测试
hidden	裁剪内容 - 不提供滚动机制。	测试
scroll	裁剪内容 - 提供滚动机制。	测试
auto	如果溢出框，则应该提供滚动机制。	测试
no-display	如果内容不适合内容框，则删除整个框。	测试
no-content	如果内容不适合内容框，则隐藏整个内容。	测试

 

那么项目中就根据实际的情况进行处理，当然需要给盒子设置 高或者宽的值