网站设计公司请选新芜湖网络公司

服务热线:0553-366 9900
189-4958-1558
189-5536-8819
当前位置:新芜湖网络 >> 网站建设经验 >> 芜湖网页设计公司如何解决IE双边距BUG
我们的实力
我们的实力
联系我们
服务热线:0553-3669900
服务邮箱:sales#xinwuhu.com
  • 发消息给 新芜湖网络
  • 发消息给 新芜湖网络

芜湖网页设计公司如何解决IE双边距BUG

一、双边距是什么含义?


如上图,绿色块要求在蓝色块中向左浮动,并距蓝色块左边距100像素。这样的布局在美工网页设计过程中经常用到。实现这样的效果,一般使用如下css样式:.floatbox { float: left; width: 150px; height: 150px; margin: 5px 0 5px 100px;},看上去似乎简单,但是如果在IE6中浏览时会发现100的边距变为200了。


二、这是为什么?


其实笔者也不清楚究竟什么原因,但它确实在ie6中存在。研究发现在元素浮动方向与浮动边据一致时才会出现,上面的例子就是这样。另外同一行如果有多个浮动元素,则只有第一个元素会出现bug。


三、怎样避免这种情况


给浮动元素样式加上display:inline就能解决问题。

在线客服

  • 售前 发消息给 新芜湖网络!
  • 售后 发消息给 新芜湖网络
  • 电话: 0553-3669900