margin-left/right也会失效？
一般很多人遇到的margin失效都是纵向上面的:
一种情况是元素的确不支持margin-top/bottom(参看：关于margin-top/bottom在inline元素（non-Replaced）上不起作用的解释);
另一种情况则是元素产生了margin叠加（参看：如何避开麻烦的margin叠加(margin collapsing)）。
那么margin-left/right怎么又会失效的呢？假如看过斯芬克斯之谜-IE私有属性haslayout的困扰那篇文章的童鞋，就会了解了：哦，又是haslayout啊。
我们来看看具体的失效代码：
我们会发现：.cont的margin:0 30px再IE下失效了。。。
好，既然说haslayout的问题，那么，我们知道,height属性会触发haslayout。去除.cont的height试试，果然margin-left/right起效了。
不过，不要急，我们可以消除触发子级元素的haslayout来解决失效，也可以给父级元素触发haslyout来解决这个问题：在.wrap上增加属性:zoom:1;
那么，所有谜团都在这里了吗？
我们试试，不改动其他属性，去除父级.wrap上的border。我们发现，margin-left/right也不会失效了…
(看来，border这个属性，还得多加研究啊。之前也遇到过类似border引起的问题的。。。)
haslayout的一点资料可以看这里：On having layout抄录