首页 > Web开发 > 详细

css空格和去浮动的应用

时间:2015-02-26 11:31:02      阅读:328      评论:0      收藏:0      [点我收藏+]

今天做了项目用到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浮动,所以要去浮动

css空格和去浮动的应用

原文:http://www.cnblogs.com/wanshutao/p/4300715.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!