box-sizing

box-sizing含有两个值,代表了两种不同的盒模型

  1. content-box:width和height设置的只是元素content对应的宽高。
  2. border-box:width和height包含了border、padding的宽高。
    推荐将全局box-sizing设置为border-box
* {
    box-sizing: border-box;
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,790评论 1 92
  • Box sizing in CSS Box sizing in CSSContent dimensions and...
    大宝剑骑士阅读 322评论 0 0
  • 盒模型box model 不太严谨地讲,css实现布局,就是把一个个盒子按照设定好的位置排列放好。这些盒子,里面的...
    朱小羯阅读 384评论 0 0
  • 2018年5月20日,我当故事宝贝了。 大家好!我叫张千羽,小名欢欢,现在2岁8个月,今天我讲的故事是《脏脏的小猪...
    开心陪伴阅读 360评论 0 1
  • 那时, 我们都还年轻, 我不练哑铃, 你不涂口红, 口袋里只有硬币, 喝便宜的酒, 走长长的街, 只拥抱,不告别!...
    柴狗李小白阅读 284评论 0 2