本文详细记录了在网页布局中遇到的margin-top和margin-left问题，特别是FF和IE浏览器之间的差异，以及如何在不同浏览器下解决这些问题的方法。通过设置父元素的overflow属性为hidden、设置父元素的border属性、或者使用padding-top代替margin-top来解决FF下的问题；对于IE6下浮动元素导致margin-left问题，推荐使用display属性为inline的方法。
记录一下，免得以后总是在margin上犯同样的错误。
margin-top：
bug：在ff下出现的问题，当子元素设置margin-top时，如果父元素没用overflow，border等属性，那么设置会出现问题，子元素的上边距将不是以父元素为基准，
method：1、设置父元素overflow的属性为hidden ；2、设置父元素border属性；3、使用padding-top代替margin-top，不推荐使用，因为与IE的差别；
margin-left：
你懂的，只是做个标记，在这里。
bug：ie6下，当元素设置为浮动时，margin-left为所设置值的两倍。
method： 设置display属性为inline。
其实在ie6下的float这个属性是存在些bug的，谨慎使用！
扫一扫
856
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
