当前位置:  编程技术>WEB前端 iis7站长之家

CSS技巧DIV为空时占据空间的解决办法

    来源: 互联网  发布时间:2014-10-04

    本文导语:  此时在IE中到底是什么在影响着最终的显示,又是如何解析的呢?   可能的影响因素:字体大小(font-size),字体行高(line-height),高度(height),溢出(overflow)   我们对上面的代码逐一添加过滤属性(具体的过程有...

此时在IE中到底是什么在影响着最终的显示,又是如何解析的呢?

  可能的影响因素:字体大小(font-size),字体行高(line-height),高度(height),溢出(overflow)

  我们对上面的代码逐一添加过滤属性(具体的过程有兴趣的朋友,可以私下里实验一下,“自己动手,丰衣足食”!)

  在测试的过程中,你会发现IE6和IE7的解析也不尽相同,比如在给div设置了line-height:0; height:0; 的样式后,IE7中显示正常了,不再占据物理空间了,而IE6却依然我行我素,亦或是悲!

  最终的测试结果,最简单的方法是,给div设置高度(height)和溢出(overflow)属性:

本文来源于 WEB开发网 原文链接:http://www.cncms.com.cn/css/9642.htm

    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • css ie6 ie7 ff的CSS hack使用技巧
  • 用css实现图片垂直居中的使用技巧
  • 使css兼容IE8的小技巧
  • CSS注释、命名、继承性、样式排序等CSS技巧的小结
  • CSS顶级技巧大放送,div+css布局必知
  • CSS整体布局声明的一些使用技巧
  • 网页编辑中CSS样式表技巧总结
  • 一些很不错的css技巧,但也常为人们所忽略
  • 几个常用经典的css技巧
  • 做网页中需要掌握的八个CSS布局技巧
  • div+css页面布局的五个小技巧
  • PHP小技巧之JS和CSS优化工具Minify的使用方法
  • CSS样式表常用小技巧收藏
  • 不错的整理的24则css技巧
  • css实现兼容各个浏览器的技巧的代码
  • CSS重新定义项目符号和编号技巧
  • CSS代码缩写技巧
  • CSS中Float(浮动)相关技巧文章
  • 不错的10个你未必知道的CSS技巧
  • css代码优化的12个技巧
  • java命名空间javax.swing.text.html类css的类成员方法: css定义及介绍
  • <!--@import"css/cssset/.css-->,css/cssset/.css是什么意思?
  • java命名空间javax.swing.text.html类css的类成员方法: getattribute定义及介绍
  • CSS预处理器 Less CSS
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: font定义及介绍
  • css强制换行 css强制不换行的css方法
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: margin定义及介绍
  • CSS代码格式化 CSS Beautify
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: padding定义及介绍
  • jquery css类用法(添加、修改与删除css)
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: border定义及介绍


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3