请教大家一个CSS排版问题_html/css_WEB-ITnose

	
    	
        
        
        
        
        游戏币
        
        游戏币        
        
        游戏装备        
        
        游戏点卡        
        
        账号交易        
        
        常见问题        
        
        客服中心        
                                                          
  
  

登录后复制

我一直没搞明白为什么mainflame_ad这个框框换行了，　按理来说mainflame_ad加上mainflame_service的宽度没有超过mainflame宽度不就不会换行的吗？

请问一下要怎么才能让他们都在同一行，并且在mainflame中靠左，置顶？

回复讨论(解决方案)

.mainflame_ad{  float:left;  ……}

登录后复制

因为块元素一行只能放一个,除非改display或者设置浮动:

.mainflame{
overflow:hidden;
margin-top:10px;
width:951px;
height:900px;
margin-left:auto;
margin-right:auto;
}

.mainflame_service{
border:2px solid #c7e0f4;
background:#edf5fc;
width:185px;
height:235px;
padding-top:5px;
padding-left:5px;
float:left;
}.mainflame_ad{
float:right;
padding-bottom:5px;
padding-top:5px;
width:515px;
height:180px;
font-size:12px;
border:1px solid #dcedfb;
}

.mainflame_service{  float:left;  ……}.mainflame_ad{  float:left;  ……}

登录后复制

这样两个模块就是在同一个流上，前面只有有空，它就会靠过去。

[Quote=引用 3 楼 的回复:]
CSS code
.mainflame_service{
float:left;
……
}
浮动。宽，高设置合理就可以了

谢谢大家的解答