加上padding和border后盒子被撐大了怎么解決言缤?
關(guān)于盒子被撐大嚼蚀,這就要涉及到盒子模型的知識(shí)了,一個(gè)盒子由內(nèi)容管挟、padding轿曙、border和margin組成,導(dǎo)致盒子被撐大的主要原因就于padding和border了僻孝。
這里有兩種解決辦法
一导帝、修改盒子的寬高給多少的padding和border值就減去多少的盒子長(zhǎng)度,可以解決撐大盒子問(wèn)題穿铆,不過(guò)這個(gè)方法不太推薦您单。
二、給盒子添加一條屬性可以完美解決盒子撐大問(wèn)題 “box-sizing”
.box {
box-sizing: border-box;
padding : 0 20px;
width : 780px;
height : 355px;
background: #f2f1ef;
}