注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

邰增涛博客

www.xazcwl.com -- 爱生活,爱技术,将web编程进行到底!!!

 
 
 

日志

 
 
关于我

西安增创网络科技有限公司,专注网站建设、手机网站、商城网站、微网站开发、小程序开发、APP开发!!!

{ 框模型概述 }盒模型和空白边叠加  

2010-06-27 23:33:57|  分类: web标准 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
1、框模型:在页面上的每一个元素被看做是一个矩形的框。这个框由元素的内容(content),填充(padding),边 框(border)和空白边(margin)组成。
2、元素的width和height指的是元素的内容区域的宽度和高度。
    实际宽度=marginLeft+borderLeft+paddingLeft+width+paddingRight+borderRight+marginRight;
    实际高度=marginTop+borderTop+paddingTop+height+paddingBootom+borderBootom+marginBootom;
3、 padding,margin,border都既可以运用于元素所有的边或只运用于某一边。
4、margin可以取负值。
5、IE6在怪 异模式中使用自己专有的框模型。width和height包含了padding、margin和border。
6、空白边(margin)叠加: 两个垂直方向上的空白边相遇时,他们将叠加成一个空白边。这个空白边的高度为叠加前高度较大的那一个。
7、空白边叠加可能发生在两个相邻的元素, 父元素与子元素,0高度的原始自身的margin-top和margin-bottom之间。
8、只有普通文档流中的块级元素的垂直空白边才会发 生叠加,行内元素、浮动元素以及绝对定位的元素的垂直空白边不会叠加。
  评论这张
 
阅读(106)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018