使用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 属性不一样，此属性为隐藏的对象保留其占据的物理尺寸空间。 该对象所占的尺寸空间还存在。