bfc_Demo1

by ericx1023

HTML

<div style="margin-top: 20px; margin-bottom: 20px;">
    <p style="margin-top: 20px; margin-bottom: 20px;">我是一個段落，在我以及我的父元素上同時添加了上下的外邊距</p>
</div>

<div style="margin-top: 20px; margin-bottom: 20px;">
    <p style="margin-top: 20px; margin-bottom: 20px;">我是一個段落，在我以及我的父元素上同時添加了上下的外邊距</p>
</div>

<div style="margin-top: 20px; margin-bottom: 20px;">
    <p style="margin-top: 20px; margin-bottom: 20px;">我是一個段落，在我以及我的父元素上同時添加了上下的外邊距</p>
</div>

CSS

p {background-color: aqua;}

div{ background-color: pink;}