踩 IE

当你想使用一个3列均为相对宽度，总宽度为100%的流动布局时，请注意，IE也许会给你开一个大玩笑，看下面的代码：

<style type="text/css">* {
margin:0;
padding:0;
}
.div1 {
float:left;
width:15%;
background:red;
}
.div2 {
float:left;
width:70%;
background:#00FFCC;
}
</style>
<div class="div1">此处显示  class "div1" 的内容</div>
<div class="div2">此处显示  class "div2" 的内容</div>
<div class="div1">此处显示  class "div1" 的内容</div>

请把分辨率调至1024*768，然后打开IE最大化窗口后看这段代码的显示效果。 不出意外的话，第三列应该跑到下面去了。如果拖动窗口改变窗口大小的话，会看到3列有时可以并列有时不可以，显然这是IE的宽度计算不够精确导致的。 结论：I hate IE forver.