margin属性值可以为百分比
Html5常见的兼容性问题及解决⽅案1.双倍浮动bug：描述块元素设置float后，⼜设置横向的margin值，在ie6下，显⽰的值⽐设置的值要⼤
解决⽅案：给float的块元素添加display：inline
2.表单元素⾏⾼不⼀致
解决⽅案：给表单元素添加float属性或者vertical-align属性
3.min-height属性ie6不识别
解决⽅案：将min-height：value写成_height：value
4.图⽚默认有空隙
解决⽅案：a img{display:block}
B img{float:left}
C img{vertical-align:bottom}
5.图⽚添加超链接后，在某些浏览器下会带有边框
解决⽅案：img{border:none}
6.在ie8及以下浏览器中不能识别opacity属性
解决⽅案： opacity：0.5—》 filter:alpha(opacity:50);
7.⿏标指针bug
解决⽅案：cursor：hand（只有ie8及以下浏览器不⽀持）
Cursor：pointer 所有浏览器都⽀持
8.百分⽐bug：在ie6.7中，⼦元素50%+50%⼤于100%
解决⽅案：给右边的⼦元素设置 clear：right
9.上下margin重叠问题：相邻两个元素分别设置了margin-bottom和margin-top，只能识别其中较⼤的值
解决⽅案：给其中⼀个元素外层嵌套⼀个容器，并设置overflow：hidden；触发BFC
10.在ie6下不能识别较⼩⾼度的容器（⼀般为20px以下的）
解决⽅案：给元素添加overflow：hidden
11.假传圣旨问题：给⼦元素设置的margin值传递给了⽗元素
解决⽅案：a.把设置的margin改为padding
b.给⽗元素设置overflow：hidden或者float：left触发BFC
C.添加1px的透明边框，即border-top：1px solid transparent

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。