前端开发面试题–htmlcss篇

1.说一下盒子模型 1.1 标准盒模型（默认值） box-sizing: content-box ：宽和高代表的仅仅是盒子内容，特点是给盒子加边框和内边距会撑大盒子 盒子的总宽度= width+padding+border+margin（高度同理） 1.2 怪异盒模型（ie浏览器默认的盒子模型） box-sizing: border-box：宽和高代表的是盒子的content+padding+border，给盒子加边框和内边距不会撑大盒子（前提是内边距和边框不会超过盒子宽度） 盒子的总宽度=width+margin（高度同理） 1.3 弹性盒模型（flex布局） 是当前页面需要适应不同的屏幕大