box-sizing盒模型

border-box盒模型

box-sizing:border-box;

widthheight 包括內(nèi)邊距與邊框,不包括外邊距

這是IE 怪異模式(Quirks mode)使用的 盒模型 。注意:這個時候外邊距和邊框?qū)ㄔ诤凶又小1热?.box {width: 350px; border: 10px solid black;} 瀏覽器渲染出的寬度將是350px.

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,206評論 1 92
  • 移動開發(fā)基本知識點 一.使用rem作為單位 html { font-size: 100px; } @media(m...
    橫沖直撞666閱讀 3,751評論 0 6
  • H5移動端知識點總結(jié) 閱讀目錄 移動開發(fā)基本知識點 calc基本用法 box-sizing的理解及使用 理解dis...
    Mx勇閱讀 4,834評論 0 26
  • 閱讀目錄移動開發(fā)基本知識點 calc基本用法box-sizing的理解及使用理解display:box的布局理解f...
    張憲宇閱讀 1,686評論 0 1
  • 一、基本概念: JavaScript基于原型實現(xiàn)面向?qū)ο筇匦?,在JS編程中,面向?qū)ο蟮睦^承是重點,本文將從簡單...
    邱鵬城閱讀 499評論 0 0

友情鏈接更多精彩內(nèi)容