CSS 子元素的 margin 屬性是用來控制子元素與其父元素之間的距離。它的值可以是正數、負數或零。

當子元素具有 margin-top 和 margin-bottom 屬性時，它們會通過子元素的內容區域添加上下邊距，使子元素與父元素中的其他元素間隔開。如果子元素具有 margin-right 或 margin-left 屬性，則 margin 值會影響子元素與其兄弟元素之間的距離。

考慮以下代碼：

<div class="parent">
<h2 class="child">這是標題</h2>
<p class="child">這是段落</p>
</div>

我們可以使用以下代碼將元素之間的間距設置為 20px：

.parent {
background-color: #ccc;
padding: 10px;
}
.child {
margin: 20px 0;
}

也可以使用以下代碼將所有子元素的右側邊距設置為 10px：

.parent {
background-color: #ccc;
padding: 10px;
}
.child {
margin-right: 10px;
}

注意，在將 margin 應用于子元素時，可以使用子元素的選擇器來選擇樣式。例如：

.parent h2 {
margin-bottom: 20px;
}
.parent p {
margin-top: 10px;
}

這將設置標題（h2）的下邊距為 20px，段落（p）的上邊距為 10px。

CSS 子元素的 margin 屬性在布局處理中非常重要。了解如何使用它可以幫助您更好地控制頁面布局和排版。