CSS下邊距英文為margin-bottom,它用于控制元素與其下面的元素之間的距離。
.box { margin-bottom: 20px; }
上述代碼表示,.box元素與其下面的元素之間的距離為20像素。
需要注意的是,margin-bottom的值不僅僅可以是像素,還可以是其他單位,比如百分比、em等。
.box { margin-bottom: 10%; }
上述代碼表示,.box元素與其下面的元素之間的距離為父元素高度的10%。
還需要注意的是,當兩個相鄰的元素都有下邊距時,它們之間的間距不是兩個下邊距的和,而是取它們中最大的一個值。
.box1 { margin-bottom: 20px; } .box2 { margin-bottom: 30px; }
上述代碼中,.box1和.box2之間的距離為30像素,因為30像素是兩個下邊距中更大的一個值。
下一篇css不受上層控制