记录--有关CSS盒模型之内边距、边框、外边距的十九问题

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助

创新互联建站服务项目包括广宗网站建设、广宗网站制作、广宗网页制作以及广宗网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，广宗网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到广宗省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

本篇文章主要探讨盒模型，以及内边距、边框、外边距的面试题与思考，也希望您能把您的思考和遇到的问题以评论的方式补充下，后期，我将会补充到文章中

第一问：什么是盒模型？

可以说，页面就是由一个个盒模型堆砌起来的，每个HTML元素都可以叫做盒模型，盒模型由外而内包括：外边距（margin）、边框（border）、填充（亦称内边距）（padding）、内容（content）。它在页面中所占的实际宽度是margin + border + paddint + content 的宽度相加。

但是，盒模型有标准盒模型和IE的盒模型。

第二问：两者的区别是什么？

我们先来看两张图：

标准的(W3C)盒模型：

IE盒模型：

新闻标题：记录--有关CSS盒模型之内边距、边框、外边距的十九问题
URL地址：https://www.cdcxhl.com/article18/dsojsdp.html

成都网站建设公司_创新互联，为您提供网站制作、定制网站、网站改版、App开发、企业网站制作、商城网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容