IE6、7下由于font-size引起的尺寸问题,css怎么解决?

我是左侧栏:定义左侧FLOAT: left 我是右侧栏:定义右侧FLOAT:right
IE6、7下由于font-size引起的尺寸问题,css怎么解决?
题主 接代码:
<style>
.wrap{width: 800px;height: 600px;background: red;font-size: 0px;}
.a{display:inline-block;*display:inline;zoom:1;width: 600px;height: 300px;background: blue;font-size: 16px;}
.b{display:inline-block;*display:inline;zoom:1;width: 200px;height: 300px;background: green;font-size: 16px;}
</style>
<div class="wrap">
<div class="a"></div>
<div class="b"></div>
</div>

问题是IE6和7不认识 inline-block
不是你说的字体大小问题。
设置字体只是因为换行元素在浏览器下会产生3px的间距 跟IE6 7无关2013-04-19
<body> <div id="main" style="background:red;width:600px;height:650px;font一size:0;"> <div id="left" style="background:green;FLOAT: left;width:400px;height:300px;display:inline一block; font一size:l6px;"> 我是左侧栏:定义左侧FLOAT: left </div> <div id="right" style="background:blue;FLOAT: right; width:200px; height:300px;display:inline一block; font一size:l6px;"> 我是右侧栏:定义右侧FLOAT:right </div> </div></body> 试试


2013-04-19
同级div默认是宽度最大化、高度最小化、自动换行的;而你用float能解决是因为div加了float后就变为宽度最小化、高度最小化、顶满父级宽度后再换行;

至于你说的回车、换行导致尺寸变化?那应该不是字体的原因造成的,可能是你设置了其他的样式后因为不同浏览器对该样式的解析不一样造成的问题,通常情况下比较容易出错的就是样式是boder、margin和padding;当然不止这几个,这3个因为用的比较多所以出错概率也比较大;

我百度空间有关于浏览器兼容方便的文章,有需要的话你就看看2013-04-19
IE6、7不支持display:inline-block ,你可宽度稍微设小点,有将近3px的距离,你可以试试2013-04-19
mengvlog 阅读 9 次 更新于 2025-07-20 15:38:29 我来答关注问题0
  •  深空游戏 在IE浏览器中正常显示的字体效果设置教程

    sans- serif:无衬线字,细心的一定发现唯独这类字体上图中出现了三种字体。在IE6和IE7/IE8中区别只是ClearType设置问题,字体其实就是Tahoma(无衬字),但在FireFox和Chrome中调用的是宋体(衬字)(可设置);Verdana:ClearType设置会有作用,IE6/FireFox/Chrome中有明显的锯齿。Tahoma:ClearType设置会有...

  •  祐手_緍裓_ font-size:100%是什么意思?

    font-size是指字体的大小,font-size:100%与font-size:20px是两种表示方法,100%表示默认大小,而20px表示字体大小为20像素,你将这段代码显示出来,看看字体的大小有什么区别,直接百度:“”就可以找到答案。font-size是设置字体的属性font-size:100%;设置字体属性为默认大小,是相对...

  •  百度网友d2c42e0 html中的img和div的间距如何去除

    IE6、IE7下 img与div(block类型元素)下边有间隔(或许叫缝隙、空隙)。IE7才会有这个问题,IE8下是没有的。1.:定义图片img标签vertical-align:bottom,vertical-align:middle,vertical-align:top;img{vertical-align:bottom;} 2.:定义容器里的字体大小为0:div { width:110px;border:1px solid ...

  •  百度网友c45032d 请问如何实现网页中的文字大小根据浏览设备屏幕大小不同自动调整?

    所有主流浏览器都支持这个设置,包括IE9,对于那些老式浏览器(主要是IE6、7、8),需要使用css3-mediaqueries.js。2、不使用绝对宽度由于网页会根据屏幕宽度调整布局,所以不能使用绝对宽度的布局,也不能使用具有绝对宽度的元素。这一条非常重要。具体说,CSS代码不能指定像素宽度:width:xxx px;只能指...

  • jbp9a812127e9 font-family:“黑体” 在IE6没效果 在IE7有效果 font-family也会不兼容么??????

    不可能的,font-family在IE6下有效果的。尤其是黑体,宋体这种系统本身自带的字体。要注意的是,黑体外面的引号和前面的冒号,都是英文状态下的符号。来

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部