本文摘自PHP中文网，作者青灯夜游，侵删。
overflow-x属性是用来指定当元素溢出内容区域时，是否对内容的左/右边缘进行裁剪。
CSS3 overflow-x属性
作用：overflow-x属性规定是否对内容的左/右边缘进行裁剪 - 如果溢出元素内容区域的话。
提示：使用overflow-y属性来判断顶部和底部边缘是否裁剪。
语法：
1 |
|
visible：不裁剪内容，可能会显示在内容框之外。
hidden：裁剪内容 - 不提供滚动机制。
scroll：裁剪内容 - 提供滚动机制。
auto：如果溢出框，则应该提供滚动机制。
no-display：如果内容不适合内容框，则删除整个框。
no-content：如果内容不适合内容框，则隐藏整个内容。
注：overflow-x 属性无法在 IE8 以及更早的浏览器正确地工作。
相关阅读 >>
css3中background-size实现背景图片大小可自定义的几种效果（代码实例 ）
css中什么是:placeholder-shown？如何工作？有什么用？
更多相关阅读请进入《overflow-x属性》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
