Question

css 页面不兼容问题

在div 的style中的margin 的四个属性，第一个设置成20px 用IE打开摆放的位置刚刚好，而用谷歌浏览器的话，却又偏离了很多。有什么办法解决吗？
<a href="#"><div style="margin: 40px 0px 0px 50px;float:left;display :inline" id="pic" class="ButtonOnOff1" onclick="bindNewGateway();">确定</div></a>
<a href="#" onclick="closeShow2()"><div style="margin: 40px 50px 0px 0px;float:right;display :inline" id="pic" class="ButtonOnOff1">取消</div></a>
那个class是按钮的样式字体的设计，应该没多大关系

Answer 1

建议你最好不要用margin，如果要使用的话，在样式表的中加上 *{margin:0px padding:0px}
建议最好使用能够padding，兼容性比较好！

追问

可还要把握好那个测量，貌似里面的内容是填充的

Answer 2

是否有用浮动, 首先把div默认的样式重置一下,然后再写margin例如
<style>
div{margin:0; padding:0}

.box{margin:20px 0 0 0;}//具体数值自行修改

</style>
<div class="box"></div>
如果使用了浮动, 请追问告诉我, ie6有浮动双边距的bug

追问

对，是用了浮动

追答

给div增加display inline, 如果还不行, 请把代码发出来, 这样猜有点困难

追问

确定

那个class是按钮的样式字体的设计，应该没多大关系

追答

我能多嘴问一句, 为何按钮要这样写, 不用input type='submit' 或者直接给a加,那么下面用你的代码测试的, 

代码是

我习惯性加了一些修改, 重置了一下样式

<style>

*{margin:0;padding:0;}//*只是测试用, 实际项目中不用, 请勿吐槽我

</style>

<a href="#"><div style="margin: 40px 0px 0px 50px;float:left; display:inline; height:20px; border:1px solid #000;" id="pic" class="ButtonOnOff1" onclick="bindNewGateway();">确定</div></a>

下面是ie6和chrome 的截图

Answer 3

你都设置叻

追问

不能设置成 20px 0px 0px 0px?

追答

能，你试试 如果有浮动 把浮动清除了。