CSS中怎么疊加外邊距

CSS中怎么疊加外邊距,針對這個問題,這篇文章詳細介紹了相對應的分析和解答,希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

按需網(wǎng)站策劃可以根據(jù)自己的需求進行定制,成都網(wǎng)站制作、網(wǎng)站設計構思過程中功能建設理應排到主要部位公司成都網(wǎng)站制作、網(wǎng)站設計的運用實際效果公司網(wǎng)站制作網(wǎng)站建立與制做的實際意義

  1. <style type="text/css">   
            p{   
                color: black;   
                background: #ccc;   
                margin-top: 50px;   
                margin-bottom: 30px;   
                height: 50px;   
                border: 1px solid red;   
            }   
    </style>

第一段的下外邊距與第二段的上外邊距相鄰,你可能認為它們之間的外邊距是80px,但實際的間距卻是50px。像這樣的上下外邊距相遇時,它們就會相互重疊,直至一個外邊距碰到另一個元素的邊框。因此,在這里,第二段較寬的上外邊距就會碰到第一段的邊框。也就是說,較寬的外邊距決定兩個元素最終離多遠。這個過程就是外邊距疊加。

CSS中怎么疊加外邊距

關于CSS中怎么疊加外邊距問題的解答就分享到這里了,希望以上內容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關知識。

本文名稱:CSS中怎么疊加外邊距
分享路徑:http://muchs.cn/article8/ihdgip.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供Google、App設計、網(wǎng)站改版、軟件開發(fā)、手機網(wǎng)站建設、微信公眾號

廣告

聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設