问题描述：

在设计一个简单的左右布局页面时，发现一个比较诡异的布局问题。界面采用左右布局的方式。是使用左侧div浮动、右侧div设置 margin-left方式实现效果。实现后在chrome浏览器中正常浏览（如图1）的布局界面在ie浏览器无法正常显示（如图2）。

图1

图2

解决问题：

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

参考文章 

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