ie7 firefox chrome ie8 float
代码如下：.....
#a{
width:100px;
height:100px;
background-color:red;
border:5px solid #bbbbbb;
float:left;
}
#b{
width:100px;
height:100px;
background-color:green;
border:5px solid #bbbbbb;
}
#c{
width:100px;
height:100px;
background-color:yellow;
border:5px solid #bbbbbb;
float:left;
}
......
11
22
33
.......
我的问题是，为什么在IE7下显示“正常”
在IE8/9、firefox和chrome底下就“不正常”，那么如何在IE8/9、firefox和chrome底下显示正常？？
回复讨论(解决方案)
#a { width: 100px; height: 100px; background-color: red; border: 5px solid #bbbbbb; float: left; } #b { width: 100px; height: 100px; background-color: green; border: 5px solid #bbbbbb; display:inline-block; } #c { width: 100px; height: 100px; background-color: yellow; border: 5px solid #bbbbbb; } in Chrome and IE9
#a { width: 100px; height: 100px; background-color: red; border: 5px solid #bbbbbb; float: left; } #b { width: 100px; height: 100px; background-color: green; border: 5px solid #bbbbbb; display:inline-block; } #c { width: 100px; height: 100px; background-color: yellow; border: 5px solid #bbbbbb; } in Chrome and IE9
感谢回答！请问这是什么原理
#a { width: 100px; height: 100px; background-color: red; border: 5px solid #bbbbbb; float: left; } #b { width: 100px; height: 100px; background-color: green; border: 5px solid #bbbbbb; display:inline-block; } #c { width: 100px; height: 100px; background-color: yellow; border: 5px solid #bbbbbb; } in Chrome and IE9
感谢回答！请问这是什么原理
浏览器样式识别而已,同样属性不同识别
