CSS中有一個非常重要的屬性,那就是margin。margin可以設置元素與外部元素之間的間距。其中,框外間距又分為上下間距和左右間距,分別控制元素與上下和左右的距離。
{ margin-top: 20px; margin-bottom: 20px; margin-left: 30px; margin-right: 30px; }
在使用margin時,我們需要注意一些事項。首先,margin會影響元素的寬度,因此在設置margin時需要考慮,尤其是在響應式設計中。其次,margin的值可以取負數,此時元素會與外部元素重疊。
margin還有一個屬性叫做margin-collapse(外邊距折疊),很多人可能不了解這個屬性。外邊距折疊指的是兩個相鄰的元素之間的距離會取兩個元素中的較大值,而不是兩者之和。因此,在設置元素的上下margin時,我們需要注意相鄰元素的margin,以免出現不必要的空隙。
下一篇mysql源碼閱讀方式