前端开发面试题–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布局) 是当前页面需要适应不同的屏幕大