|
语法：
overflow : visible | auto | hidden | scroll
参数：
visible : 不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
auto : 此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden : 不显示超过对象尺寸的内容
scroll : 总是显示滚动条
说明：
检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
设置textarea对象为hidden值将隐藏其滚动条。
对于table来说，假如table-layout属性设置为fixed，则td对象支持带有默认值为hidden的overflow属性。如果设为hidden，scroll或者auto，那么超出td尺寸的内容将被剪切。如果设为visible，将导致额外的文本溢出到右边或左边（视direction属性设置而定）的单元格。
此外,还有overflow-x : visible | auto | hidden | scroll 和overflow-y : visible | auto | hidden | scroll 来定义水平和垂直的滚动条问题.
做某个功能时需要textbox根据内容自动伸缩大小；后经同事推荐使用overflow : visible，还真是不错啊。 overflow : visible 不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效 。当然别忘记添加MaxLength；否则你的页面将会搞撑。 还有就是表格内容很多但又只一小块区域供用,这样可以在表格外面加个DIV,定义DIV的overflow: hidden;即可.
如:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>IT知道网</title>
<style type="text/css">
<!--
body,td,th {
font-size: 14px;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
}
.DB_DD0S {overflow: hidden;height: 100px;white-space: nowrap;position: relative;top:2px;}
-->
</style></head>
<body>
<div class=DB_DD0S id='Z_EXPBOOKSHEETONE_LB'><table id='Z_EXPBOOKSHEETONE_LBOT' style='table-layout:fixed;' style='table-layout:fixed;' cellspacing='1' bordercolor='#999999' bgcolor='#999999' onmouseup="tableMD(Z_EXPBOOKSHEETONE)"><COLGROUP width=72px></COLGROUP><COLGROUP width=72px></COLGROUP><tr><td class=F>380</td><td class=F>2979</td></tr><tr><td class=F>380</td><td class=F>2980</td></tr><tr><td class=F>380</td><td class=F>2981</td></tr><tr><td class=F>380</td><td class=F>2982</td></tr><tr><td class=F>380</td><td class=F>2983</td></tr><tr><td class=F>380</td><td class=F>2984</td></tr><tr><td class=F>380</td><td class=F>2985</td></tr><tr><td class=F>380</td><td class=F>2986</td></tr><tr><td class=F>380</td><td class=F>2989</td></tr><tr><td class=F>380</td><td class=F>2990</td></tr><tr><td class=F>380</td><td class=F>2991</td></tr><tr><td class=F>380</td><td class=F>2992</td></tr><tr><td class=F>380</td><td class=F>2993</td></tr><tr><td class=F>380</td><td class=F>2994</td></tr><tr><td class=F>380</td><td class=F>2995</td></tr><tr><td class=F>380</td><td class=F>2996</td></tr><tr><td class=F>380</td><td class=F>2997</td></tr><tr><td class=F>380</td><td class=F>2998</td></tr><tr><td class=F>380</td><td class=F>2999</td></tr><tr><td class=F>380</td><td class=F>3000</td></tr><tr><td class=F>380</td><td class=F>3001</td></tr><tr><td class=F>380</td><td class=F>3002</td></tr><tr><td class=F>380</td><td class=F>3003</td></tr><tr><td class=F>380</td><td class=F>2977</td></tr><tr><td class=F>380</td><td class=F>2978</td></tr></table></div>
</body>
</html>
| 
