十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊
量身定制 + 運(yùn)營維護(hù)+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
本篇內(nèi)容介紹了“計算div盒子實(shí)際的寬度高度的方法教程”的有關(guān)知識,在實(shí)際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
div:width---300px,height---300px,border---50px,padding---50px,margin---50px
實(shí)際的寬度是:300(width)+50(padding-left)+50(padding-right)+50(border-left)+50(border-right)+50(margin-left)+50(margin-right);
實(shí)際高度:300(height)+50(padding-top)+50(padding-bottom)+50(border-top)+50(border-bottom)+50(margin-top)+50(margin-bottom);
文字部分是width*height,文字部分外藍(lán)色部分是padding,紅色部分是border,margin部分在圖中沒顯示。
上邊示例的代碼:
代碼如下:
“計算div盒子實(shí)際的寬度高度的方法教程”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!