代码如下：
公用：#content{float:left;width:702px;_display:inline;margin-left:8px;margin-right:16px;padding:0;}
（显示正确的代码）

#deal-intro{clear:both;padding:25px 14px 15px;border:2px solid #ea74a7;background:#fff;}
#deal-intro .main{float:left;width:215px;margin-right:15px;_margin-right:10px;_display:inline;font-family:Helvetica,arial,sans-serif;}
#deal-intro .side{float:left;width:440px;margin-right:0;}

main和side 在同一行显示，均很正确

（显示错行的代码）
#content .primary { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #ea74a7; clear: both; margin-bottom: 25px; padding: 20px 14px 15px;  }
#content .primary .main { float: left;  font-family: Helvetica,arial,sans-serif; margin-right: 15px; width: 215px; }
#content .primary .sidebar .cover img  {  display: block; height: 267px; width: 438px; }

mian 和sidebar 不在同一行，由于不是很熟，导致试了很多次都不行。现在显示没问题的代码如下。
#content .primary { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #ea74a7; clear: both; margin-bottom: 25px; padding: 20px 14px 15px; height:415px; }
#content .primary .main { float: left; display:inline; font-family: Helvetica,arial,sans-serif; margin-right: 15px; width: 215px; }
#content .primary .sidebar { float:left; height: 267px; width: 438px; }
#content .primary .sidebar .cover img {  display: block; height: 267px; width: 438px; }
让sidebar左浮动，然后把primary的搞定设定为固定值415px 这样的话，在外界看来就没什么错误了。

我想知道为什么，是不是ie6 不能用类层层继承？还是其他原因，求解 ^_^

IE6是支持层层继承的，注意IE6 bug造成超出设置宽度， 注意父级指向。

#content .primary .main { float: left;  font-family: Helvetica,arial,sans-serif; margin-right: 15px; width: 215px; }
#content .primary .sidebar .cover img  {  display: block; height: 267px; width: 438px; }

这里需要设置#content .primary .sidebar {。。。。。}，如果不设置会独占一行。

一般DIV不设置任何CSS样式属性的时候 会独占一行

兼容性问题一直让我很头疼啊  来学习学习