盒子模型

在一个文档中，每一个元素都被表示成一个矩形盒子；在CSS中，使用标准盒模型 描述这些盒子，这个模型描述了元素所占空间的内容。


css-box.png
1.盒模型包含的属性
  • margin,padding,borde

2.IE 盒模型和W3C盒模型有什么区别

  • W3C盒模型（content-box）：宽高指的是内容的宽高，不包括边框和内外边距
  • IE盒模型（border-box）：宽高包括了content,border和padding
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,809评论 1赞 92
  • CSS入门笔记 － 认识盒子模型
    引言 这次给大家带来了CSS－盒子模型部分的笔记，大家一同交流😊 认识盒子模型之前，先来了解一下CSS元素的分类吧...
    zhaolion阅读 4,337评论 9赞 85
  • display属性值和盒子模型
    一、display属性值总结。 1、display：block block元素会独占一行。默认情况下，blo...
    iam梦的的阅读 1,351评论 0赞 0
  • 从CSS盒子模型说起
    前言 总括： 对于盒子模型，BFC，IFC和外边距合并等概念和问题的总结 原文地址：从CSS盒子模型说起 知乎专栏...
    秦至阅读 789评论 0赞 3
  • 风中的柳树
    文／唐宋 我的北方刚有些转暖 大风就肆无忌惮地倾泄 仿佛要吹开青丝，吹开裙裾 吹得眼睛迷离，吹得恋心欲动 可是还没...
    唐宋a阅读 280评论 2赞 3