问题描述:
在设计一个简单的左右布局页面时,发现一个比较诡异的布局问题。界面采用左右布局的方式。是使用左侧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值》
原文地址:http://blog.csdn.net/metecyu/article/details/37810623