当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 解决CSS中 display 与 visibility 的区别

CSS样式表
CSS教程:了解熟悉css语法
CSS教程:CSS到底是干什么用的?
让XHTML元素的命名规则更加合理
CSS网页设计技巧十则
CSS样式表层叠(cascade)处理冲突
保存CSS中的图片的几种方法
不成熟的标准化
CSS教程:优先级问题的考虑实例
构建网站合理规划CSS文件
通过W3C XHTML1.0标准验证的经验
DIV CSS技术是否适合中国中小网站?
学习CSS的背景图像属性background
CSS网页布局开发小技巧24则
CSS BUG解决方法以及CSS BUG类的小技巧
CSS教程:容器定位
CSS教程:网页布局定位及z-index解释
学习css需要什么软件
CSS元素的层叠与z-index设置
CSS教程:表格的nobr终极解决方案
Css Reset(复位)的简单介绍

CSS样式表 中的 解决CSS中 display 与 visibility 的区别


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 47 ::
收藏到网摘: n/a

解决:
查CSS手册后发现了隐藏内容原来是有区别的,一种是保留对象的物理空间,一种是不保留。
-------------------------------
display:none
CSS1 隐藏对象。与 visibility 属性的hidden值不同,其不为被隐藏的对象保留其物理空间
visibility:hidden
对象隐藏,与 display 属性不同,此属性为隐藏的对象保留其占据的物理空间。
但是因为使用了visibility:hidden,拉长的内容其实就是那个含有图片的DIV;而改用display:none后就正常了。刚刚还一直怀疑是高度设置的问题,没想到居然就是这么简单的一点内容,结果用了这么多的时间跟精力,唉……