CSS中內(nèi)邊距是定義元素邊框與內(nèi)容之間的空白區(qū)域的屬性。不過(guò)，有時(shí)候我們會(huì)遇到內(nèi)邊距設(shè)置無(wú)效的情況。那么，為什么內(nèi)邊距會(huì)無(wú)效呢？

.box {
padding: 20px;
background-color: blue;
}

首先，我們來(lái)看上面的代碼。它定義了一個(gè)類名為“box”的元素，并設(shè)置了20像素的內(nèi)邊距和藍(lán)色背景色。

然而，當(dāng)我們?cè)跒g覽器中查看頁(yè)面時(shí)，卻發(fā)現(xiàn)內(nèi)邊距并沒(méi)有生效。

這是因?yàn)橛行┰厥怯心J(rèn)的內(nèi)邊距的，在沒(méi)有重置這些元素的內(nèi)邊距的前提下，我們的內(nèi)邊距設(shè)置是無(wú)效的。

例如，對(duì)于p標(biāo)簽和ul標(biāo)簽，它們都有默認(rèn)的內(nèi)邊距，我們需要將它們的內(nèi)邊距重置為0才能生效。

p, ul {
padding: 0;
}
.box {
padding: 20px;
background-color: blue;
}

通過(guò)上面的代碼，可以看到我們將p和ul標(biāo)簽的內(nèi)邊距重置為0，這樣就能讓.box元素的內(nèi)邊距生效了。

總之，在CSS中設(shè)置內(nèi)邊距無(wú)效的原因，很有可能是因?yàn)槲覀兊臉邮奖黄渌啬J(rèn)的樣式覆蓋了。解決方法就是重置默認(rèn)樣式或者針對(duì)特定元素設(shè)置樣式。