css空格和去浮动的应用

时间:2023-03-09 19:32:31
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浮动,所以要去浮动