我正在嘗試理解CSS中的填充，邊距和負邊距，我創建了以下代碼以增加我的理解 .

我嘗試在我的“行”類中添加一個邊距，根據我對CSS中邊距的基本知識，我預計會發生以下情況：

正向邊距 - 左邊20px會將我的div推向左邊的類"row" 20px .

20px左邊的負邊距會將我的div推向右邊的類"row" 20px .

然而，這不是發生的事情 . 實際上會發生以下情況：

正邊距左邊減小了div的寬度，類為"row"，左邊為20px .

負邊距左側增加了我的div的寬度，類為"row"，左側為20px .

現在我有一種感覺這是因為我的div“class”類是div的一個子類，帶有“容器”類 . 但是，我不明白為什么會出現這種情況 . 我希望有人能提供幫助！

謝謝！

.container {

width: 200px;

height: 200px;

padding-left: 20px;

padding-right: 20px;

background-color: red;

}

.row {

margin-left: 20px;

background-color: yellow;

}

.row::after {

content: "";

display: block;

clear: both;

}

.col {

background-color: blue;

float: left;

width: 20%;

}

Margintestok ok ok ok ok ok

總結

以上是生活随笔為你收集整理的css中改变边距会影响原大小,CSS：更改父容器中子项的边距会改变子项的宽度吗？...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。