CSS外邊距的合并

來源:互聯網
上載者:User

標籤:strong   images   開發   另一個   .com   flow   http   也會   img   

  外邊距合并:當兩個垂直外邊距相遇時,它們將形成一個外邊距。

  合并後的外邊距的高度等於兩個發生合并的外邊距的高度中的較大者。

  

  1.當一個元素出現在另一個元素上面時,第一個元素的下外邊距與第二個元素的上外邊距會發生合并。合并時外邊距取其中的最大值。

  2.當一個元素包含在另一個元素中時(假設沒有內邊距或邊框把外邊距分隔開),它們的上/或下外邊距也會發生合并。

      

    #如果想第一個元素的下外邊距與第二個元素的上外邊距不發生合并,除了設邊框還可以給父級一個overflow:hidden屬性

 

  3.若有一個空元素,它有外邊距,但是沒有邊框或填充。在這種情況下,上外邊距與下外邊距就碰到了一起,它們會發生合并:

     

  如果這個外邊距遇到了另一個元素的垂直外邊距,他們也會合并:

     

 

 

 

    ###參考CSS3開發手冊

CSS外邊距的合并

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.