css空格和去浮动的应用

今天做了项目用到css，请教前端解决，第一个是记得css空格之间的关系是隶属关系，但是在元素中却是并列关系，如<div class="right_side_item_moban gray_border left"></div>

中的空格就为并列关系，如果在css文件中空格则是隶属关系

第二个是<div style="clear:both">,当某个元素有浮动，下面加个元素没有浮动时，下面的元素会飞上去，解决是在有浮动那个元素下面加个div去浮动的如：

<div class="right_side_item_moban gray_border left" onclick="javascript:location.href='#'">
<div class="right_side_item_pic_moban img100"><img src="<%#Eval("p_ProImg") %>" /></div>
<div class="right_side_item_text_moban ellipsis"><%#Eval("p_Title")%></div>
</div>
<div class="clear"></div>

<div style=" text-align:center; margin-right:10px; margin-top:10px;">
<webdiyer:AspNetPager ID="AspNetPager1" runat="server" AlwaysShow="True"
FirstPageText="首页" LastPageText="尾页" NextPageText="下一页"
onpagechanging="AspNetPager1_PageChanging" PrevPageText="上一页">
</webdiyer:AspNetPager>
</div>

<div style=" text-align:center; margin-right:10px; margin-top:10px;">上面必须加<div class="clear"></div>，否则分页就飞上去了，因为<div class="right_side_item_moban gray_border left">中的left为float:left浮动，所以要去浮动