1. 程式人生 > >兩個盒子外邊距取較大值

兩個盒子外邊距取較大值

mage top otto info log gpo pos alt tom

情景:兩個盒子,第一個盒子設置100px的下外邊距,第二個盒子設置200px的上外邊距,試問兩個盒子相差多少px?

<body>
    <div class="box1">第一個盒子設置100px的下外邊距</div>
    <div class="box2">第二個盒子設置200px的上外邊距</div>
</body>
<style>
        .box1 {
            width: 200px;
            height: 200px;
            background: rgb(104, 35, 35)
; margin-bottom: 100px; } .box2 { width: 200px; height: 200px; background: rgb(80, 62, 112); margin-top: 200px; } </style>

最終的答案是200px,取較大值,而不是想加等於300。

技術分享圖片

兩個盒子外邊距取較大值