您现在的位置是：网站首页> 编程资料编程资料

CSS网页布局学习之Font-size的妙用_CSS布局实例_CSS_网页制作_

2021-09-09 976人已围观

简介网页制作Webjx文章简介：CSS网页布局学习之Font-size的妙用. 我在做网站项目的时候通常需要定义一个高度为10px以下的div。代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

CSS网页布局学习之Font-size的妙用. 我在做网站项目的时候通常需要定义一个高度为10px以下的div。代码如下：

无标题文档

意思是定义一个高度为8px,蓝色背景的div.在各浏览起的实际效果如下：

以前我解决IE6.0下出现的这种问题的方法是加overflow:hidden

因为加overflow:hidden有时候会出现很多问题.
我在网上翻阅了一下资料,造成IE6.0下多出来高度的原因是因为:没有给div定义字体大小的情况下,默认是font-size;12px. 所以给font-size定义为0就可以解决问题了.
代码如下:

无标题文档

在各浏览起的实际效果如下: