什么是css盒模型
可以认为每个html标签都是一个方块,然后这个方块又被其他一些小方块包围着,如同盒子一层层的包裹着,这就是所谓的盒模型。 盒模型的顺序都是“外边距-边框-内边距-内容”
盒模型分为几种
css盒模型分为两种,一种是content box,一种是border box,他们二者的区别是:content box的宽度只包含内容(content);而border box的宽度包含内边距(width)、border、内容(content)
注(著作权归杭州饥人谷教育科技有限公司所有。商业转载请联系作者获得授权,非商业转载请注明出处。)
怎样运用盒模型
使用哪个盒模型可以由box-sizing控制,默认值为content-box;如果将box-sizing设为border-box则用的是border-box盒模型。个人推荐使用border-box,这种盒模型可以很好的兼容绝大多数浏览器。