margin不同浏览兼容的有关问题，正解结贴
日期：2014-05-16 浏览次数：20652 次
margin不同浏览兼容的问题，正解结贴
margin不同浏览兼容（IE，火狐，chrome）的解析的值不一样,为避免这种情况，大家都是怎么做的，有什么好的方法。
------解决方案--------------------
如果你知道margin不兼容导致的原因，那么你就能巧妙的避开这些因素，举一个经典的例子：
块级元素浮动时在IE6下产生的双边距BUG
你可以如此拆分
1.块属性元素
2.IE6
3.使用了margin
4.浮动
那么满足四个条件时，在IE6下会出现双边距，因此解决方案也就变得相当明显，修改元素为内嵌，即 display:inline;
一般，由margin产生的问题 是可以解决的，基本在各大浏览器下表现一致
但是很多人纠结在不知道何时margin会变得异常，更多人喜欢采用padding 内边距来避免问题
------解决方案--------------------
margin的上下间距IE和FF浏览的效果不一样解决
------解决方案--------------------
这个说得好，赞一个
------解决方案--------------------
那就使用标准dtd
------解决方案--------------------
margin:4px 0px 0px 4px;
------解决方案--------------------
*{margin:0px;padding:0px;}
margin不同浏览兼容（IE，火狐，chrome）的解析的值不一样,为避免这种情况，大家都是怎么做的，有什么好的方法。
------解决方案--------------------
如果你知道margin不兼容导致的原因，那么你就能巧妙的避开这些因素，举一个经典的例子：
块级元素浮动时在IE6下产生的双边距BUG
你可以如此拆分
1.块属性元素
2.IE6
3.使用了margin
4.浮动
那么满足四个条件时，在IE6下会出现双边距，因此解决方案也就变得相当明显，修改元素为内嵌，即 display:inline;
一般，由margin产生的问题 是可以解决的，基本在各大浏览器下表现一致
但是很多人纠结在不知道何时margin会变得异常，更多人喜欢采用padding 内边距来避免问题
------解决方案--------------------
margin的上下间距IE和FF浏览的效果不一样解决
------解决方案--------------------
这个说得好，赞一个
------解决方案--------------------
那就使用标准dtd
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
------解决方案--------------------
margin:4px 0px 0px 4px;
------解决方案--------------------
*{margin:0px;padding:0px;}
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
