介绍一下CSS的盒子模型?弹性盒子模型是什么?

盒子模型分为IE盒子和W3c盒子两种
W3C盒子(标准盒子模型)由margin,border,padding,content,设置的width height是针对content的
IE盒子(怪异盒子模型)由margin,border,padding,content构成,但是设置的width height是包括border+padding+content

弹性盒子模型:弹性盒模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间;可以很轻松的创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局

盒模型是CSS的基石之一,它指定元素如何显示以及如何相互交互。页面上的每个元素被看做一个矩形框,这个框由元素的内容、内边距、边框和外边距组成
介绍一下CSS的盒子模型?弹性盒子模型是什么?_第1张图片哪些元素会自动设置为怪异盒模型,如何设置为怪异盒模型

如果在.html页面中缺少声明的话,就会触发怪异盒子模型

设置怪异盒子模型:通过box-sizing:border-box来设置怪异盒子模型

你可能感兴趣的:(CSS,css)