課程
/前端開發(fā)
/HTML/CSS
/CSS深入理解之padding
如標(biāo)題,box-sizing為border-box是什么意思呢?有設(shè)么作用呢?之前完全沒有聽過這個(gè)東西啊
2017-03-25
源自:CSS深入理解之padding 1-1
正在回答
box-sizing 屬性允許您以特定的方式定義匹配某個(gè)區(qū)域的特定元素。
border-box:
padding和border被包含在定義的width和height之內(nèi)。對(duì)象的實(shí)際寬度就等于設(shè)置的width值,即使定義有border和padding也不會(huì)改變對(duì)象的實(shí)際寬度,即 ( Element width = width )
此屬性表現(xiàn)為怪異模式下的盒模型。
你可以理解為:為box-sizing這個(gè)屬性設(shè)置了border-box后 就相當(dāng)于將區(qū)域的寬度給固定死了,不管內(nèi)容怎么變 寬度始終不變;
注:個(gè)人理解 ?如有誤 ?希望諒解
舉報(bào)
本css視頻教程中,將深入介紹CSS中padding屬性的特點(diǎn),常用特性
1 回答設(shè)置background-origin:content-box結(jié)果是完全填充
1 回答看張老師01:23分的代碼關(guān)于border-top的屬性設(shè)置
2 回答為什么需要margin-left:12px?出現(xiàn)中間的分割線??刹豢梢詍argin左右各6px,然后再用border出現(xiàn)中間的分割線
4 回答inline元素設(shè)置padding為50%時(shí)為什么我這邊試驗(yàn)時(shí)是寬度大于高度?
1 回答為什么一定要加上background-size:100%;呢??
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-03-25
box-sizing 屬性允許您以特定的方式定義匹配某個(gè)區(qū)域的特定元素。
border-box:
padding和border被包含在定義的width和height之內(nèi)。對(duì)象的實(shí)際寬度就等于設(shè)置的width值,即使定義有border和padding也不會(huì)改變對(duì)象的實(shí)際寬度,即 ( Element width = width )
此屬性表現(xiàn)為怪異模式下的盒模型。
你可以理解為:為box-sizing這個(gè)屬性設(shè)置了border-box后 就相當(dāng)于將區(qū)域的寬度給固定死了,不管內(nèi)容怎么變 寬度始終不變;
注:個(gè)人理解 ?如有誤 ?希望諒解