接口设计ie常见的问题

时间:2022-08-02 20:46:51

问题叙述性说明:

当围绕一个简单的页面布局设计。我发现了一个奇怪的相对布局问题。

同的方式围绕布局接口。它是利用左div浮动、对div设定 margin-left这样达到的效果。实现了chrome浏览器正常浏览(如图所示1)布局界面在ie浏览器无法正常显示(如图2)。

图1

接口设计ie常见的问题

图2

接口设计ie常见的问题

解决这个问题:

看了一些文章以后知道,在ie浏览器中table宽度设置了百分比以后。须要对外部的div也设置百分比,否则会有问题,所以解决方法是对hadnle div设置width=“100%” 就可以。



參考文章 

《width="100%"的table被没有width 的div包括时, IE忽略div的padding值和margin值》

版权声明:本文博客原创文章,博客,未经同意,不得转载。