盒子模型總結

關于盒模型的寬度與高度

一個盒子，當有margin，border，padding時的實際占距

豎直方向上：
高度=height+margin-top+margin-bottom+padding-top+padding-bottom+border-top+border-bottom

水平方向上：
寬度=weight+margin-right+margin-left+padding-right+padding-left+border-right+border-left

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

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,108評論 1贊 92
  • 各種純css圖標 CSS3可以實現(xiàn)很多漂亮的圖形，我收集了32種圖形，在下面列出。直接用CSS3畫出這些圖形，要比...
    劍殘閱讀 9,977評論 0贊 8
  • 一 外部式css樣式 (也可稱為外聯(lián)式)就是把css代碼寫一個單獨的外部文件中，這個css樣式文件以“.css...
    KunMitnic閱讀 1,119評論 0贊 1
  • 北去瀟湘燕， 何歸古渡屯。 棹帆隨水遠， 鳥過應留痕。 窗外鄰棲客， 堂前老柳君。 出門空不見， 幽夢盡驚魂。
    劉小地閱讀 591評論 25贊 43
  • 2015屆同學畢業(yè)的時候，我說他們是第一批罕臺新教育實驗小學的畢業(yè)生。但事實上你們才是第一批從一年級就用全人之美課...
    干國祥備課老干閱讀 3,192評論 0贊 5

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