CSS技巧DIV为空时占据空间的解决办法_经验交流

此时在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

时间: 2024-09-25 01:39:50

CSS技巧DIV为空时占据空间的解决办法_经验交流的相关文章

用CSS解决中英文混合字符串的截取省略问题的解决办法_经验交流

作为一个程序员,经常需要面对的一个问题就是在新闻等信息的标题列表中,常常为了适应表格的宽度,需要对过长的标题文字的进行截取并在截取后的文字末端加上省略号. 众所周知,有很多方法可以实现这个功能,JavaScript,ASP,PHP都有各自的实现方法,但是面临的问题有很多,比如中英文混杂时或在某些编码下,容易造成截取出现乱码的问题,虽然大多数问题已经有比较成熟的解决方案,但在数据量比较大时,使用JavaScript,ASP,PHP实现这一功能,无疑会给客户端或服务器端造成比较大的资源开销. 随着W

DIV border边框显示不完全问题的解决方法_经验交流

第一次遇到这样的问题,就是定义div的边框有部分却显示不了.而在firefox里却是一切正常,该死的ie,太过分了. 代码也没有问题,查了好多资料,还百度了许多网站,在blueidea里也没有找到解决办法.后来在台湾的一个网站上发现了一个很几的解决办法: 如下: 左右两边的边框就是不显示,气不死你~~郁闷, css是: 复制代码 代码如下: #divproject {    margin-top: 5px;    border: 1px solid #0099CC;  }  后来按照那个网站的介

在IE下拖动滚动条时border消失的解决方法_经验交流

通常我会用DIV加上border来定义边线,可有时发现在IE下拖动滚动条时border会经常消失,当你刷新时,又会出来.这个问题,我想了很久也没有想出什么原因,所以在些之前用DIV+CSS所写的页面中,这个问题都存在.今天,这个问题,实在太影响最终结果,所在找了一个提示: "以为DIV加上一个高度就能解决."下面传张前后对比图. 至于产生这个问题的原因,我想应该是IE的BUG吧.当你用Mozilla Firefox / Opera 则不会产生这种问题.

DIV CSS网页布局 最小高度(min-height)的妙用_经验交流

假定有二个BOX,我们需要它的最小高度为150PX. CSS div.box1,div.box2{ width: 300px; min-height: 150px; background: #EEE; float: left; margin-right: 20px; } xhtml <div>IE中没保持最小高度为150px</div> <div>最小高度可以设定一个BOX的最小高度, 当其内容较少时时,也能保持BOX的高度为一定</div> 现在的效果,I

div+css实现的滑动门,简洁,新手上路 (小鸽子系列)_经验交流

网上房展会 本月开盘 知名开发商 栏目导航 哈哈哈哈 Q小鸽子 内容1 内容2 内容3 内容4 内容5 内容6 [Q小鸽子]

CSS实现的一个图片放大展示的一种思路_经验交流

这个用纯css实现的图片放大效果,真不错,看了以前有不少用纯css实现的图片放大效果的代码,都不理想,还是在这个好啊看下面的HTML代码:<div class="photo"> <ul> <li><a href="#nogo1" class="hor"><img src=http://www.jb51.net/logo.gif  alt="" title="&qu

CSS设置网页的字体 防浏览器浏览页面字体变形_经验交流

电脑里说不上是哪里出问题了. 看很多网页, 字体都变了. 不是宋体了. 看上去比较难看.  拿SOHU来说吧, 在我的电脑上看就是这样. 可能看不去不太舒服吧. 而看网易并没有这样的问题.  由于就猜想恳定是SOHU没有设置网页的字体. 简单看了一下他们的CSS代码(没有细看).发现真的没有font-family .  而网易的就有 . font-family:"宋体", arial;  这样的问题,我发现很多人都犯,写CSS时都不喜欢设置字体. 如果像我这样的人. 电脑经常出问题, 

DIV 居中的绝好解决方法_经验交流

现在进行WEB重构的时候,一般我们做DIV 居中是这样:  复制代码 代码如下: body{ margin:0px auto; text-align:center; } 但是在没申明下面这句解析方法的时候,页面就会出错.不能居中对齐! 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 为此

CSS图片拼合生成器只需上传zip包即可_经验交流

简单介绍下:CSS 图片拼合 (CSS sprites) 可有效降低图片文件的 HTTP 连接请求数. 多个图片将以一定间距合并为一个大图片文件. 页面中使用这些图片的元素将利用 background-position 这一 CSS 属性来显示拼合图片中的指定位置.这一技术可有效提升网站性能, 尤其是网页上有众多小图片时, 如许多菜单栏图标. 这里有一篇Realazy的CSS Sprites技术详细介绍,CSS Sprites被我生生译成了CSS图片拼合,希望大家不要抗议:P 有更好的译法欢迎大