读书人

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

发布时间: 2012-10-11 10:16:10 作者: rapoo

如何解决火狐和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……

读书人网 >JavaScript

热点推荐