当前位置: 首页 > Web前端 > CSS

【CSS-2你知多少】CSS盒子标准模型与IE模型的对比与设置,盒子大小的获取

时间:2023-03-30 17:41:56 CSS

CSS盒子模型包括:content+padding+border+margin1.标准模型和IE模型及其对比标准/W3C盒模型的范围包括margin、border、padding、content,content不包括其他部分。IE盒子模型的范围还包括margin、border、padding和content。与标准框不同的是,IE框的内容包括padding和border部分。2、如何通过如下语法在CSS中设置标准模型和IE模型box-sizing:border-box||内容框||;当使用border-box时,页面会使用IE模式进行分析计算;当使用inherit时:页面将从父元素继承box-sizing的值。3.JS设置得到对应的盒子模型的宽高。添加CSS有三种方式:CSS内联样式、添加