css盒子模型中margin溢出問題

當兩個盒子嵌套的時候,給裏面的盒子設置margin值會出現以下現象:方法

黑色邊框是body的,給裏面的黑色盒子設置了margin-top:50px;從上圖能夠看出,整個大盒子跟着下移了,這是一種外邊框溢出的現象。im

解決方法有如下兩種:margin

    1.給父級設置border邊框top

    2.給父級設置overflow:hidden;img

相關文章
相關標籤/搜索