盒子模型总结

关于盒模型的宽度与高度

一个盒子，当有margin，border，padding时的实际占距

竖直方向上：
高度=height+margin-top+margin-bottom+padding-top+padding-bottom+border-top+border-bottom

水平方向上：
宽度=weight+margin-right+margin-left+padding-right+padding-left+border-right+border-left

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,825评论 1赞 92
  • 各种纯css图标
    各种纯css图标 CSS3可以实现很多漂亮的图形，我收集了32种图形，在下面列出。直接用CSS3画出这些图形，要比...
    剑残阅读 9,715评论 0赞 8
  • CSS
    一 外部式css样式 (也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css...
    KunMitnic阅读 975评论 0赞 1
  • 《怨回纥-思归燕》
    北去潇湘燕， 何归古渡屯。 棹帆随水远， 鸟过应留痕。 窗外邻栖客， 堂前老柳君。 出门空不见， 幽梦尽惊魂。
    刘小地阅读 552评论 25赞 43
  • 到远方去——罕台小学2016届毕业致辞
    2015届同学毕业的时候，我说他们是第一批罕台新教育实验小学的毕业生。但事实上你们才是第一批从一年级就用全人之美课...
    干国祥备课老干阅读 3,136评论 0赞 5