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

淡淡De影痕的博客

将来的你一定会感激现在拼命的自己。

 
 
 

日志

 
 
 
 

盒模型  

2014-07-01 16:11:09|  分类: HTML小结 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
大家好像对盒模型还不是很清楚,我来总结一下。
盒模型分为两种:标准盒模型和怪异盒模型(可恶的IE浏览器)

一.标准盒模型
盒模型 - 淡淡De影痕 - 淡淡De影痕的博客
在标准盒模型中一个盒子实际所占的位置大小为:margin + padding + border + content(width,height)。
在标准盒模型中一个盒子的大小为:padding + border + content(width,height)。

二.怪异盒模型
盒模型 - 淡淡De影痕 - 淡淡De影痕的博客
在怪异盒模型中盒子实际所占的位置大小为:margin + content
在怪异盒模型中盒子实际的大小为:content(width,height)。

三.实例
这是一道今年新浪的面试题:
一个div他的css样式为"width:100px;border:1px solid #000;padding:50px"请问在使用标准文档声明后IE6中这个div实际所占用的宽度为?去除文档声明后div在ie6中实际占用的宽度为?
答案是:(1)202
     (2)100
欢迎大家交流指正~  淡淡De影痕
 
 
 
  评论这张
 
阅读(59)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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