display：inline ， margin值在IE6变成双倍怎么解决？

margin值在IE6变成双倍怎么解决？

2011-04-22 14:08kouzimeimei | 分类：百度产品 | 浏览11202次

2011-04-22 15:42提问者采纳

解决此办法的最简单的方法是，在style中添加：display:inline;

给你介绍小技巧。可以使用以下办法来书写兼容浏览器的css代码:

第一种：
.div{
background:orange;/*ff*/
*background:green!important;/*ie7*/
*background:blue;/*ie6*/
}
第二种：
.div{
margin:10px;/*ff*/
*margin:15px;/*ie7*/
_margin:15px;/*ie6*/
}
第三种：
#div{color:#333;}/*ff*/
*html#div{color:#666;}/*IE6*/
*+html#div{color:#999;}/*IE7*/

<div><br></div><div><br></div><wbr>它可以让行内显示为块的元素，变为行内显示，例如
<div>DIV1</div><div>DIV2</div>
这里DIV1和DIV2分别占一行，但是你给他们加上属性后变了<div style="display:inline; border:1px solid red">DIV1</div><div style="display:inline; border:1px solid red">DIV2</div>
<span style="display:block;border:1px solid red">SPAN1</span><span style="display:block;border:1px solid red">SPAN2</span>它可以让行内显示为块的元素，变为行内显示，例如

DIV1
DIV2

这里DIV1和DIV2分别占一行，但是你给他们加上属性后变了
DIV1
DIV2

SPAN1
SPAN2