css的box-sizing

概要

**box-sizing
**屬性用于更改用于計算元素寬度和高度的默認的CSS 盒子模型，可以使用此屬性來模擬不正確支持CSS盒子模型規范的瀏覽器的行為。

取值

  • content-box
    該值是默認值，表示標準盒子模型，內容的width和height不包括外邊距margin，邊框border和內邊距padding

  • border-box
    該值表示的是IE的盒子模型，內容的width和height包括內容的寬高以及內邊距padding和邊框border

  • inherit
    該值指定box-sizing屬性的值，應該從父元素繼承

  • padding-box
    該值表示內容的width和height包括內容的寬高以及內邊距padding但是不包括邊框border和外邊距margin，只在firefox中實現了這個值，但是它在Firefox 50中被刪除了

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,784評論 1贊 92
  • 選擇qi：是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性： color，font，text－align，li...
    love2013閱讀 2,327評論 0贊 11
  • 選擇qi：是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性： color，font，text－align，li...
    wzhiq896閱讀 1,787評論 0贊 2
  • H5移動端知識點總結 閱讀目錄 移動開發基本知識點 calc基本用法 box-sizing的理解及使用 理解dis...
    Mx勇閱讀 4,602評論 0贊 26
  • 移動開發基本知識點 一.使用rem作為單位 html { font-size: 100px; } @media(m...
    橫沖直撞666閱讀 3,506評論 0贊 6