首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

怎么解决火狐和ie宽高差异有关问题?

2012-10-11 
如何解决火狐和ie宽高差异问题??HTML codescript typetext/javascript srcjs/jquery-1.8.0.min.js

如何解决火狐和ie宽高差异问题??

HTML code
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script><script type="text/javascript">    $(function(){        alert("box1:width="+$("#box1").width()+"; height="+$("#box1").height());    });</script>

HTML code
    <div id="box0" style="width:80px;border: 1px solid #000;overflow:hidden;">        <div id="box1" style="width:auto;border: 1px solid #114687; ">            111111111111111111111111111111111111111        </div>    </div>

在火狐和ie显示的宽度是不相同的,请问有什么解决办法呢?谢谢

[解决办法]
宽度是相同的,

高度可以通过设置行高解决

<div id="box1" style="width:auto;border: 1px solid #114687;font-size:12px;line-height:1.1em;padding:0;margin:0">

注意要使用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
进行定义
[解决办法]
探讨
宽度是相同的,

高度可以通过设置行高解决

<div id="box1" style="width:auto;border: 1px solid #114687;font-size:12px;line-height:1.1em;padding:0;margin:0">

注意要使用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans……

热点排行