+ -
当前位置:首页 → 问答吧 → firefox里边框显示的问题

firefox里边框显示的问题

时间:2010-05-27

来源:互联网

有一个商品展示的页面
<style type="text/css"> <!-- .div1 { width:546px; } .div2 { float:left; border:1px solid #FDE1EB; background:#FEF9FB; height: 80px; } --> </style> <div class=div1 > <div class=div2 style="width: 33%;"></div> <div class=div2 style="width: 33%;"></div> <div class=div2 style="width: 33%;"></div> </div>
 提示:您可以先修改部分代码再运行
style="width: 33%;"是后台程序生成的不能改
在ie里的效果是这样
未命名-1.gif (1.08 KB)
2010-5-27 13:33

在firefox里是这样,错位了
未命名-2.gif (1.3 KB)
2010-5-27 13:33


我想要的是ie里效果该怎么办

[ 本帖最后由 etinky 于 2010-5-27 13:36 编辑 ]

作者: etinky   发布时间: 2010-05-27


<style type="text/css"> <!-- .div1 { width:546px; } .div2 { float:left; background:#FEF9FB; height: 80px; } .div3 { border:1px solid #FDE1EB; height:100%; } --> </style> <div class=div1 > <div class=div2 style="width: 33%;"><div class="div3"></div></div> <div class=div2 style="width: 33%;"><div class="div3"></div></div> <div class=div2 style="width: 33%;"><div class="div3"></div></div> </div>
 提示:您可以先修改部分代码再运行
[ 本帖最后由 aolu11 于 2010-5-27 14:03 编辑 ]

作者: aolu11   发布时间: 2010-05-27

三个东西你想让他宽为99%,而FF与IE的盒模型不同,

边框加起来超过 1%了。。如果实在不想改那个33%的话,也可以加个max-width限制吧,将其限制到32%,呵呵。

取巧的办法,我刚学CSS,别笑我。
<style type="text/css"> <!-- .div1 { width:546px; } .div2 { float:left; border:1px solid #FDE1EB; background:#FEF9FB; height: 80px; max-width:32%; } --> </style> <div class=div1 > <div class=div2 style="width: 33%;"></div> <div class=div2 style="width: 33%;"></div> <div class=div2 style="width: 33%;"></div> </div>
 提示:您可以先修改部分代码再运行

作者: simaopig   发布时间: 2010-05-27

楼上的办法很巧妙啊,不管了,先解决问题再说

作者: etinky   发布时间: 2010-05-27

相关阅读 更多