[CSS参考手册](http://css.doyoe.com/)»[属性列表](#)»[布局属性](#)» 相关内容： [**其它布局属性参考**选择其它项](#) - [display](#) - [float](#) - [clear](#) - [visibility](#) - [clip](#) - [overflow](#) - [overflow-x](#) - [overflow-y](#) # overflow-x - **版本：CSS3** - 继承性：无 ### 语法： **overflow-x**：[<overflow-style>](#) **<overflow-style>** = visible | hidden | scroll | auto **默认值**：visible ### 取值： visible：不剪切内容。hidden：将超出对象宽度的内容进行裁剪，将不出现滚动条。scroll：将超出对象宽度的内容进行裁剪，并以滚动条的方式显示超出的内容。auto：在需要时剪切内容并添加滚动条，此为body对象和textarea的默认值。 ### 说明： **检索或设置当对象的内容超过其指定宽度时如何管理内容。**参阅[overflow](#)、[overflow-y](#)属性 - 对应的脚本特性为**overflowX**。 ### 兼容性： - 浅绿 = 支持 - 红色 = 不支持 - 墨绿 = 部分支持 - 橙色 = 实验性质 | [支持版本](# "查看本文档测试时所用浏览器版本")\类型 | IE | Firefox | Safari | Chrome | Opera | |-----|-----|-----|-----|-----|-----| | 较早版本 | 6.0 | 4.0 | 5.1 | 13.0 | 11.50 | ### 示例： 当内容超出设定的宽度时自动出现横向滚动条 Copyright © 2006-2012 [Doyoe](http://www.doyoe.com/). All Rights Reserved