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


yeapple886
博客统计信息
热门文章
最新评论
友情链接