注册 | 登录 忘记密码? 51cto首页 | 博客 | 论坛 | 招聘
热点文章 科普系列之-使用Windows的..
 帮助

使用overflow:hidden防止框架被撑破


2008-01-30 18:09:00
 标签:框架 overflow hidden   [推送到技术圈]

 overflow 标签

  参考语法:

  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:hidden---这样超出部分会自动隐藏,这样做不好的地方是就是这部分的信息显示不完全,比如图片只显示了一部分. 但是页面布局不会乱.要注意的是,使用overflow的时候,一定要定义width,百分比或者具体值都可以。(在用ul和li做图片列表排列的时候,也可以用这个,这样避免一些大尺寸图搞乱布局,也可以解决浏览器窗口缩小时,li元素自动回行排列出错的问题)
注:用overflow:auto,还可以在页面里模仿出IFRAME的效果。
相同点:二者的对象均不可见。
不同点:
display:none
CSS1 隐藏对象。与 visibility 属性的hidden值不同,不为被隐藏的对象保留其物理尺寸空间。 该对象所占的尺寸空间被删除。
visibility:hidden
对象隐藏,与 display 属性不同,此属性为隐藏的对象保留其占据的物理尺寸空间。该对象所占的尺寸空间还存在。




    文章评论
 
 

发表评论

昵   称:
验证码:  点击图片可刷新验证码  博客过2级,无需填写验证码
内   容: