盒模型存在2種形式:W3C標準盒模型和IE盒模型:

IE盒模型只會出現在IE5版本和IE6+的怪異模式中。
盒子大小計算計算公式:
IE模型下 width = padding + content + border;
W3C盒模型下 width = content
box-sizing: border-box ----- width = border + padding + content---IE怪異模式
box-sizing: content-box ---- width = content---W3c模式
IE盒模型只會出現在IE5版本和IE6+的怪異模式中。
CSS3中可以通過box-sizing 來指定盒模型,即可指定為content-box、border-box;
W3C標準盒子是需要相加各種大小得到總體的寬高,而傳統的IE6是從整體減去內在元素大小而達到調整效果。
遠近互聯前端小華整理發布,希望能對學習技術的你有所幫助
遠近互聯專業提供網站建設、APP開發、網站優化、外貿網站SEO、微信運營的品牌整合營銷服務讓客戶通過網絡品牌建立與網絡傳播提高業績。






