使用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的效果。

CSS中 display 与 visibility 的区别

相同点：二者的对象均不可见。

不同点：

display:none

CSS1 隐藏对象。与 visibility 属性的hidden值不同，不为被隐藏的对象保留其物理尺寸空间。 该对象所占的尺寸空间被删除。

visibility:hidden

对象隐藏，与 display 属性不同，此属性为隐藏的对象保留其占据的物理尺寸空间。 该对象所占的尺寸空间还存在。

本文出自 51CTO.COM技术博客