CSS实例教程;IE6下CSS定义DIV高度的问题

2016-02-20 00:21 0 1 收藏

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的CSS实例教程;IE6下CSS定义DIV高度的问题,过去的都会过去,迎接崭新的开始,释放更美好的自己。

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

IE6下默认的字体尺寸大致在 12 – 14px 之间,当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height:4px; 来定义了一个 div 的高度,实际在 IE 下显示的仍然是一个 12 px 左右高度的层。添加overflow: hidden解决问题。

div style=height: 4px; overflow: hidden;/div

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

在IE6中,使用CSS定义DIV的高度的时候经常遇到这个问题,就是当DIV的最小高度小于一定的值以后,就会发现,无论你怎么设置最小高度,Div的高度会固定在一个值不再发生变动,这个问题很是烦人。如下面的情况。

HTML代码html head title/title style type="text/css" !-- #testdiv { background: #009900; height: 3px; } -- /style /head body div id="testdiv"/div /body /html 

这是因为在IE6中,系统默认的并非是Div有一个默认的高度,而是你没有解决一个隐藏的参数,font-size,这个是ie6中对于Div属性中的font-size大小和你系统css中定义的font-size有很大关系,因此必须单独定义这个Div的font-size,这样才能解决这个问题。更改后的代码如下。HTML代码html head title/title style type="text/css" !-- #testdiv { background: #009900; height: 3px; font-size: 0px; } -- /style /head body div id="testdiv"/div /body /html

来源:http://www.tulaoshi.com/n/20160220/1631708.html

延伸阅读
标签: Web开发
CSS(Cascading Stylesheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码,加快下载显示的速度,也减少了需要上传的代码数量,大大减少了重复劳动的工作量。尤其是当你面对的是有数百个网页的站点时,CSS简直象是神对我们的恩赐! 前言 ...
标签: Web开发
十二、控制BOX的样式 样式表规定了一个容器BOX,它将要储存一个对象的所有可操作的样式。包括了对象本身、边框空白、对象边框、对象间隙四个方面。 为了大家更好地理解这些属性的意义,以及互相之间的关系,请看下面这个图示: 1.边框空白(MARGIN) 如图所示,位于BOX模型的最外层,包括四项属性。 格式分别如...
标签: Web开发
七、控制文字的样式 控制文字的样式包括文字大小写、文字修饰两个部分。 1.文字大小写 文字大小写使网页的设计者不用在输入文字时就完成文字的大小写,而可以在输入完毕后,再根据需要对局部的文字设置大小写。 基本格式如下: text-transform: 参数 参数取值范围: ·uppercase:所有文字大写显示 ...
标签: Web开发
做前端也有几年时间了,不敢说能把他看地多透,但是多多少少还是有些自己的东西。就制作而言,我将一张页面分为四层:框架、布局、模块、列表和数据块。 一、框架 页面的框架基本上都是:“头”、“主体”、“尾”。但是对于一些页面如Tudou.com,由于布局的需要,还应在“头”的下面还要加个“菜单”。 二、布局(以下...
标签: Web开发
在做div css网页设计的时候突然IE6不能正常解析CSS文件,解决半天也不得其解,于是上网去找老师,最后在网上找到了一篇好的文章,且解决了问题,特发出来为大家欣赏,首先谢谢本文作者。 网页采用了 UTF-8 编码格式,这本来没有问题,问题是外部 CSS 文件默认是 ANSI 编码,并没有保存为 UTF-8 格式。可能你会发现在一般情况下这样也...

经验教程

21

收藏

85
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部